지은이의 글
편집자이자 베타테스터의 글
일러두기
1장 Vue.js란?
01 Vue.js란?
02 Vue.js는 "데이터와 뷰를 연결해 주는 역할"
03 설치해 봅시다
04 한번 실행해 봅시다
05 정리
정리해봅시다
실습해봅시다
컬럼_다른 작성법
컬럼_CSS 예제
[함께 해봐요] 클릭한 횟수를 표시하는 버튼 : countup.html
2장 데이터 표시
01 Vue 인스턴스 만들기 : new Vue
02 데이터를 그대로 표시 : {{데이터}}
03 사용할 수 있는 데이터의 종류
04 정리
정리해봅시다
실습해봅시다
컬럼_싱글 쿼테이션과 더블 쿼테이션
[함께 해봐요] 데이터를 있는 그대로 표시하는 예제 : hello1.html
[함께 해봐요] 데이터를 v-text로 표시하는 예제 : hello2.html
[함께 해봐요] 데이터로 HTML을 표시하는 예제 : hello3.html
[함께 해봐요] 여러 가지 데이터 형을 표시하는 예제 : datatext1.html
[함께 해봐요] JavasScript를 이용하여 표시하는 예제 : datatest2.html
[함께 해봐요] 배열값을 표시하는 예제 : datatest3.html
[함께 해봐요] 오프젝트 데이터를 표시하는 예제 : datatest4.html
[함께 해봐요] JavaScript로 만든 데이터를 표시하는 예제 : datatest5.html
[함께 해봐요] 오브젝트의 내용을 확인하는 예제 : datatest6.html
3장 속성을 지정할 때
01 요소의 속성을 데이터로 지정하는 : v-bind
02 정리
정리해봅시다
실습해봅시다
컬럼_v-bind의 생략
컬럼_케밥 표기법, 카멜 표기법, 파스칼 표기법
[함께 해봐요] 이미지를 지정하는 예제 : bindtext1.html
[함께 해봐요] 링크를 지정하는 예제 : b
대상 독자
자바스크립트 프레임워크 Vue를 빠르게 배우고 실무에 적용하고자 하는 개발자
프론트엔드 자바스크립트 프레임워크를 배우고자 하는 프론트엔드 입문자
[핵심 컨셉]
1. 한 땀 한 땀 작성한 예제와 연습문제
2. 누구나 따라 하며 배울 수 있는 완벽한 실습
[주요 특징]
[함께 해봐요] 예제 80개 수록
힌트와 미션이 주어지는 파트별 실습문제 12개 수록
Json 기반 게시판 프로젝트 제공
연습문제와 강의자료 제공.
"이 책은 HTML과 CSS를 어느 정도 알고 있으며
자바스크립트는 초보 단계인 독자를 위한 책입니다."
자바스크립트로 안 되는 것은 거의 없습니다. 다만, 개발자마다 코딩 스타일도 다르고 같은 역할을 하더라도 프로그램 구조도 달라, 개발 효율성이 많이 떨어지게 되죠. 그래서 프레임워크가 등장한 겁니다. React, Angular, Vue가 대표적입니다. 이 책에서 다루는 Vue는 좀더 가벼운 웹 페이지를 만드는 데 사용됩니다. 배우기도 쉽고 구조도 엄청 간단합니다. 프레임워크란 개발자들이 아키텍처와 같은 고민을 덜어준다거나 공통적으로 자주 사용하는 기능을 포함하여 개발을 쉽게 도와주는 도구입니다. 그래서 어느 정도는 프레임워크 사용법을 배워야 하는 것이죠. 프레임워크도 프로그래밍 언어 못지 않게 상당히 익숙해져야 하는 학습 비용이 존재하기 때문에 다양한 프레임워크 속에서 옥석을 가려 내게 필요한 것을 선택하고 빠르게 습득하는 능력을 키우는 것도 중요합니다.
"이제는 새로운 언어보다는 프레임워크의 시대입니다."
프레임워크 하면 어려워할 독자들을 위해 이 책은 Vue라는 대표적인 자바스크립트 프레임워크를
쉽고 빠르게 배울 수 있도록 구성했습니다. 그리고 번역서에는 원서에는 없는 [실습해봅시다]를 넣어 독자가 응용 능력을 키울 수 있게 만들었고 마지막 챕터에 게시판 프로젝트를 추가하여 Vue의 개발 과정을 체험해볼 수 있게 구성하였습니다.
[이 책의 학습 방법]
개념은 스윽