본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

Vue.js 첫걸음 상세페이지

컴퓨터/IT 개발/프로그래밍

Vue.js 첫걸음

기본 원리부터 응용까지 탄탄하게 익히는 웹 애플리케이션 개발
소장전자책 정가17,600
판매가17,600
Vue.js 첫걸음 표지 이미지

Vue.js 첫걸음작품 소개

<Vue.js 첫걸음>

앵귤러와 리액트의 장점을 결합한 자바스크립트 프레임워크
앵귤러나 리액트 등의 프런트엔드 자바스크립트 프레임워크는 버전 변화도 빠르고, 배우고 익숙해지는 데 적지 않은 시간을 들여야 합니다. 이를 해결하고자 앵귤러와 리액트의 장점만을 담아 만든 것이 Vue.js입니다. 새로운 웹 애플리케이션 개발의 효율성을 높이는 건 물론이고 기존 프로젝트에 적용할 수도 있습니다.
이 책은 웹 애플리케이션 개발자가 Vue.js를 빠르면서도 제대로 익힐 수 있도록 꼼꼼하게 설명합니다. 특히 책에서 다루는 예제 코드는 웹 개발을 하다가 필요한 부분에 바로 응용해 사용할 수 있게끔 구성했습니다. 평소 자바스크립트 웹 애플리케이션 개발에 어려움을 겪었던 사람에게 이 책을 추천합니다.


출판사 서평

빠르게 익히고 다양하게 써먹는 정통 Vue.js 입문
좋은 프런트엔드 개발자가 되고 싶다면 여러 가지 형태의 웹 페이지를 직접 만들어보는 것이 가장 중요합니다. 그리고 만들어보는 과정에서 좋은 예제를 참고해서 기본기를 확실하게 익히는 것이 좋습니다.
이 책은 기본기를 확실히 익힐 수 있는 좋은 예제를 엄선해 Vue.js를 익히도록 했습니다. Vue.js의 창시자 에번 유의 철학인 “무엇인가 정말 가볍게 만들어보고 싶다”에 맞게 부드럽고 편안한 분위기, 직관적인 설명으로 Vue.js의 개요부터 실제 개발에 필요한 포인트들을 잘 짚어줍니다. 혼자 읽지만 같이 문제를 풀듯이 설명하면서 Vue.js를 쉽게 포기하지 않도록 도와줍니다.

★ 이 책의 특징
1. 메모장과 웹 브라우저만 있으면 OK!
이 책은 자바스크립트의 기본기를 다졌다면 Vue.js를 바로 배울 수 있도록 구성했습니다. 별도의 개발 도구를 사용하는 방법도 설명하지만 기본적으로 메모장과 웹 브라우저만 있으면 이 책을 읽고 Vue.js 문법을 바로바로 살펴볼 수 있습니다.

2. 공식 문서의 부족했던 부분을 잘 챙겨줍니다.
Vue.js는 이미 공식 문서가 한글화되어 있습니다. 하지만 부족한 설명도 상당합니다. 이 책은 공식 문서를 읽다가 궁금했던 부분을 제대로 설명해주자는 마음가짐으로 썼습니다. 단순히 문법만 설명하는 것이 아니라 왜 이 문법을 사용해야 하는지 알려줍니다. 또한 문법만 짧게 설명한 부분에 예제 코드를 제공해 개념 이해를 돕습니다. 공식 문서에 부족함을 느낀 분이라면 이 책을 읽고 Vue.js의 이해도를 더 높일 수 있습니다.

대상 독자
- 자바스크립트 기초 과정을 마친 후 프런트엔드 자바스크립트 프레임워크를 공부하려는 사람
- Vue.js를 공부하려는 다른 프런트엔드 자바스크립트 프레임워크 개발자
- 기존에 만든 웹 애플리케이션을 개선하려는 사람

추천사
핵심만 설명하는 직관적인 예제 코드로 Vue.js를 설명합니다. 또한 불필요한 지문을 읽으며 낭비할 시간을 최소화했습니다. Vue.js 에 입문하는 초중급 자바스크립트 개발자라면 꼭 읽어보기 바랍니다. - KBNC 기술개발연구소 개발 2팀 김제헌

Vue.js의 API를 기반으로 동작 원리를 설명하는 부분이 다른 책들과 비교했을 때 갖는 이 책의 경쟁력입니다. 개인적으로 “그냥 이렇게 쓰면 된다”라는 설명만 있는 것보다 “이렇게 동작하도록 만들었으니 이렇게 사용하면 된다”라는 설명을 좋아하기 때문입니다. 공식 문서의 한글 번역이 완벽하지 않다 보니 문서만으로 개발하기 어려울 때도 있는데 이 책은 공식 문서의 부족한 부분을 예제와 함께 친절하게 설명해줍니다. - 야놀자 CX 서비스실 안도형

프런트엔드 자바스크립트 프레임워크는 근 5년간 빠른 속도로 변화해왔습니다. 이러한 상황에서는 프레임워크를 이해하는 것은 물론이고 어떠한 의도와 목적으로 변할지 예측할 수 있어야 합니다. 이 책은 Vue.js를 사용하는 방법을 알려주고, 어떻게 변화해나갈지도 알려줍니다. 이 책으로 손쉽고 빠르게 웹 애플리케이션을 개발할 수 있는 기반을 다질 것입니다. - 위시켓 개발팀장 이용길



저자 소개

저자_ 이지호
초등학교에서 GW-BASIC을 처음 배우고, 중학교에서는 프로그래밍에 큰 흥미를 느껴 독학으로 프로그램 개발을 시작했습니다. 현재는 한국방송통신대학교 대학원의 정보과학과에서 데이터베이스를 연구하고 있습니다. 자바스크립트와 파이썬을 접한 이후로는 두 언어를 조합해서 어떤 결과물을 만드는 것을 좋아합니다. 파이썬과 데이터베이스로 우주 정복을 꿈꾸는, 철없는 면도 있습니다.
『Flask 기반의 파이썬 웹 프로그래밍』(제이펍, 2016)을 집필했고, 『코딩 클럽 LV2. 본격 파이썬 입문』, 『코딩 클럽 LV3. 제대로 된 파이썬 앱 만들기』(한빛미디어, 2015)를 함께 옮겼습니다.

목차

CHAPTER 1 Vue.js 소개
__1.1 Vue.js의 탄생 배경
__1.2 가상 DOM 방식
__1.3 Vue.js의 장점
__1.4 Vue.js 활용

CHAPTER 2 Vue.js 개발 환경
__2.1 배포용 버전과 개발용 버전
__2.2 npm과 vue-cli 설치
__2.3 빌드 도구
__2.4 마치며

CHAPTER 3 Vue.js의 주요 개념
__3.1 Vue.js 프로그램의 라이프사이클
__3.2 인스턴스와 컴포넌트
__3.3 템플릿
__3.4 옵션, 상태, 데이터
__3.5 감시자
__3.6 렌더링
__3.7 이벤트 핸들링
__3.8 데이터 바인딩과 폼 입력 바인딩
__3.9 디렉티브와 보간법
__3.10 첫 Vue.js 프로그램
__3.11 마치며

CHAPTER 4 Vue.js API
__4.1 옵션
__4.2 인스턴스 속성
__4.3 인스턴스 이벤트 메서드
__4.4 라이프사이클 이벤트 훅
__4.5 라이프사이클 메서드
__4.6 마치며

CHAPTER 5 템플릿 문법
__5.1 선언적 렌더링
__5.2 문자열 보간법
__5.3 속성 보간법
__5.4 일회성 보간법
__5.5 HTML 보간법
__5.6 템플릿 문법에서 사용하는 디렉티브
__5.7 필터
__5.8 자주 사용하는 사용자화 필터
__5.9 마치며

CHAPTER 6 반복 렌더링
__6.1 반복 렌더링에서 사용하는 디렉티브
__6.2 배열 변경 감지 메서드
__6.3 필터링과 정렬 적용
__6.4 마치며

CHAPTER 7 조건부 렌더링
__7.1 조건부 렌더링에서 사용하는 디렉티브
__7.2 v-if와 v-for 디렉티브의 차이점
__7.3 마치며

CHAPTER 8 계산된 속성과 감시자
__8.1 계산된 속성
__8.2 캐싱과 메서드
__8.3 computed 속성에 세터와 게터 메서드 추가
__8.4 감시자
__8.5 computed 속성과 watch 속성의 비교
__8.6 마치며

CHAPTER 9 클래스와 스타일 바인딩
__9.1 CSS 클래스 바인딩
__9.2 인라인 스타일 바인딩
__9.3 마치며

CHAPTER 10 이벤트 리스너와 이벤트 수식어
__10.1 이벤트 리스닝
__10.2 폼 이벤트 리스너
__10.3 메서드 이벤트 리스너
__10.4 인라인 메서드 리스너
__10.5 이벤트 수식어
__10.6 키 수식어
__10.7 마우스 버튼 수식어
__10.8 시스템 수식어 키
__10.9 마치며

CHAPTER 11 폼 입력 바인딩
__11.1 한 줄 바인딩
__11.2 여러 줄 바인딩
__11.3 checkbox 엘리먼트 바인딩
__11.4 radio 엘리먼트 바인딩
__11.5 select 엘리먼트 바인딩
__11.6 값 바인딩
__11.7 text 엘리먼트의 수식어
__11.8 마치며

CHAPTER 12 컴포넌트
__12.1 컴포넌트는 무엇인가요
__12.2 컴포넌트 사용하기
__12.3 싱글 컴포넌트 파일
__12.4 컴포넌트에 props 옵션으로 prop 속성 목록 전달
__12.5 사용자화 이벤트
__12.6 슬롯을 사용한 콘텐츠 배포
__12.7 마치며

CHAPTER 13 상태 관리
__13.1 상태 관리는 무엇인가요
__13.2 시작하기
__13.3 핵심 컨셉
__13.4 애플리케이션 구조
__13.5 플러그인
__13.6 마치며

CHAPTER 14 라우팅과 HTTP 통신
__14.1 Vue.js 프로그램의 HTTP 통신
__14.2 vue-router를 사용해 SPA 프로그램 작성
__14.3 마치며

APPENDIX A 웹 개발 보조 프로그램
__A.1 Insomnia REST Client
__A.2 WebStorm 프로그램

APPENDIX B 더 알아보기
__B.1 서버 사이드 렌더링
__B.2 단위 테스팅
__B.3 다른 프레임워크와의 비교
__B.4 파이썬을 사용해 Node.js 환경 구성하기


리뷰

구매자 별점

2.4

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

5명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전