close
더북(TheBook)
search
코딩 자율학습 Vue.js 프런트엔드 개발 입문
더북(TheBook)
home
Home
Part 1 Vue.js 기본 기술 익히기
1장 Vue.js 개요 살펴보기
1.1 뷰란
1.2 뷰의 탄생 배경
1.3 뷰를 사용하는 이유
1.3.1 뷰의 특징
1.3.2 뷰의 장단점
1.3.3 뷰를 사용하는 사이트
정리하기
2장 Vue.js 시작하기
2.1 개발 환경 설정하기
2.1.1 Node.js 설치
2.1.2 Vue CLI 설치
2.1.3 비주얼 스튜디오 코드 설치
2.1.4 비주얼 스튜디오 코드 익스텐션 설치
2.1.5 웹 브라우저 설치
2.2 첫 번째 뷰 애플리케이션 만들기
2.2.1 CDN 사용하기
2.2.2 NPM 사용하기
2.2.3 CDN과 NPM 비교
정리하기
3장 뷰 기본 문법 익히기
3.1 뷰 애플리케이션의 기본 구조
3.1.1 package.json
3.1.2 index.html
3.1.3 main.js
3.1.4 App.vue
3.2 뷰 애플리케이션 인스턴스
3.2.1 인스턴스란
3.2.2 인스턴스의 구성 요소
3.2.3 SFC의 구조
3.3 기본 문법 다루기
3.3.1 뷰 애플리케이션 생성하기
3.3.2 옵션스 API 사용하기
3.3.3 데이터 정의하기
3.3.4 데이터 보간 사용하기
3.3.5 디렉티브 사용하기
3.4 이벤트 다루기
3.4.1 v-on 디렉티브와 methods 옵션 속성으로 이벤트 연결하기
3.4.2 이벤트 객체 사용하기
3.4.3 수식어 사용하기
3.4.4 이벤트와 반응성
3.5 폼 다루기
3.5.1 폼 이해하기
3.5.2 v-model 디렉티브로 폼 요소 다루기
3.5.3 폼 요소와 이벤트
3.6 계산된 속성과 감시자 속성
3.6.1 계산된 속성
3.6.2 감시자 속성
3.7 스타일 다루기
3.7.1 인라인 스타일
3.7.2 내부 스타일
3.7.3 외부 스타일
셀프체크
마무리
6
VSCode가 실행되고 다음과 같이 초기 화면이 보입니다. 설치 시점에 따라 화면 구성은 조금 다를 수 있습니다.
그림 2-14
VSCode 실행 초기 화면
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address
