코딩 자율학습 Vue.js 프런트엔드 개발 입문(코딩 자율학습)

[추천평]
입문자가 Vue.js를 차근차근 학습할 수 있게 도와주는 책입니다. Vue.js의 설치 방법부터 시작해 예제 코드와 함께 각 문법을 설명합니다. 개념 설명 → 예제 코드 → 실행 결과로 구성되어 개념을 이해하고 직접 예제 코드를 실행하면서 공부할 수 있습니다. Vue.js를 처음 배웠는데 예상보다 더 쉽게 이해할 수 있었습니다. 이 책 덕분에 Vue.js로 프로젝트를 해볼 수 있다는 자신감이 생겼습니다. _이성희

독자를 배려한 책입니다. 이제 막 자바스크립트를 끝낸 사람도 Vue.js가 어떤 방식으로 작동하는지 쉽게 이해할 수 있습니다. 특히 저 같은 초보자는 문법을 어떤 상황에서 왜 사용하는지 모르는 것이 문제인데, 이 책은 공식 문서보다 더 상세하게 문법과 이벤트를 설명해서 좋았습니다. 특히 실무에서 왜 사용하면 안 되는지 팁으로 알려주는 부분이 좋았습니다. Vue.js 또는 프런트엔드를 공부한다면 이 책으로 시작하기를 추천합니다. _정한민

Vue.js의 개념을 확실히 잡아줘서 실습하는 데 큰 어려움이 없습니다. 프로그래밍 사고력을 기르려면 학습하며 다양한 예제를 실습해야 하는데, 이 책에는 여러 실습 과제가 있어서 천천히 잘 따라가면 어느새 완독할 수 있습니다. 스스로 공부할 수 있게끔 구성되어 있고 쉽게 설명하기 때문에 초보자에게 많은 도움이 됩니다. _김기흠

이 책을 읽으며 Vue.js의 전체 구조를 파악할 수 있었습니다. 무엇보다 HTML, CSS, 자바스크립트 기본 지식만 있으면 프런트엔드 개발을 시작할 수 있다는 것이 큰 장점이었습니다. Vue.js의 구문과 개념이 친절하게 설명되어 내용을 이해하는 데 어려움이 없었고 쉽게 따라갈 수 있었습니다. 또한, 예제 코드와 실습을 통해 실제로 Vue.js를 사용하는 방법을 체득할 수 있었습니다. Vue.js의 간결하고 직관적인 구문을 편하게 학습할 수 있고 프런트엔드 개발에 대한 기초를 탄탄히 다질 수 있습니다. 프런트엔드 개발을 시작하려는 사람에게 이상적인 책입니다. _안경섭

Part 1 Vue.js 기본 기술 익히기
1장 Vue.js 개요 살펴보기
1.1 뷰란
1.2 뷰의 탄생 배경
1.3 뷰를 사용하는 이유

2장 Vue.js 시작하기
2.1 개발 환경 설정하기
2.2 첫 번째 뷰 애플리케이션 만들기

3장 뷰 기본 문법 익히기
3.1 뷰 애플리케이션의 기본 구조
3.2 뷰 애플리케이션 인스턴스
3.3 기본 문법 다루기
3.4 이벤트 다루기
3.5 폼 다루기
3.6 계산된 속성과 감시자 속성
3.7 스타일 다루기

4장 실습: 계산기 만들기
4.1 실습 내용 소개
4.2 뷰 애플리케이션의 기본 구조 설정하기
4.3 계산기의 UI 구성하기
4.4 데이터 바인딩하고 이벤트 연결하기
4.5 계산기 로직 구현하기

5장 컴포넌트 다루기
5.1 컴포넌트란
5.2 컴포넌트 정의하기
5.3 컴포넌트 생명주기 이해하기
5.4 컴포넌트에 속성과 이벤트 정의하기
5.5 컴포넌트의 데이터 효율적으로 다루기
5.6 컴포넌트 슬롯 사용하기

6장 실습: 할 일 관리 앱 만들기
6.1 실습 내용 소개
6.2 할 일 관리 앱의 UI 구성하기
6.3 할 일 관리 앱의 기능 구현하기

Part 2 Vue.js 고급 기술 익히기
7장 컴포지션 API 다루기
7.1 컴포지션 API란
7.2 컴포지션 API의 기본 구성 요소
7.3 컴포지션 API에서 달라진 컴포넌트 구성 요소

8장 뷰 라우터로 라우팅 기능 사용하기
8.1 뷰 라우터 다루기
8.2 뷰 라우터의 추가 기능 사용하기
8.3 뷰 라우터의 고급 기능 다루기

9장 Pinia로 상태 관리하기
9.1 상태 관리란
9.2 Pinia 사용 준비하기
9.3 Pinia 기본 문법 배우기
9.4 실습: Pinia를 사용해 장바구니 앱 만들기

10장 데이터 통신하기
10.1 데이터 통신에서 알아야 할 개념
10.2 Node.js로 웹 서버와 API 만들기
10.3 Fetch API로 데이터 통신하기
10.4 Axios로 데이터 통신하기

Part 3 프로젝트로 Vue.js 완성하기
11장 날씨 애플리케이션 만들기
11.1 날씨 애플리케이션 살펴보기
11.2 날씨 애플리케이션 UI 구성하기
11.3 날씨 애플리케이션 기능 구현하기
11.4 배포하기
11.5 숙련자로 나아가기

12장 부록: 알아두면 좋은 ES6
12.1 ES6란
12.2 학습 준비
12.3 ES6의 주요 문법

김기수 비전공자이지만 안드로이드/iOS 개발로 커리어를 시작해 10년이 넘는 시간 동안 프런트엔드, 백엔드 분야의 다양한 언어를 접하고 활용하며 개발자의 길을 걷고 있습니다. 현재는 온라인 코딩 교육 사이트인 수코딩과 유튜브 채널을 운영하면서 많은 사람에게 코딩을 쉽게 가르칠 수 있는 방법을 매일 끊임없이 연구하고 있습니다.

온라인 교육: https://www.sucoding.kr
유튜브 채널: https://www.youtube.com/@sucoding