실전 코드로 배우는 Vue.js : Vue 3 기초부터 Vue 라우터와 Pinia를 사용한 프로젝트 구축까지

실전 코드로 배우는 Vue.js : Vue 3 기초부터 Vue 라우터와 Pinia를 사용한 프로젝트 구축까지

$33.00
Description
실무에 바로 적용 가능한 코드만 다루는 Vue 핵심 가이드
Vue.js는 자바스크립트 프레임워크 중에서 간편성과 유연성으로 주목받고 있으며, 빠르게 변화하는 프런트엔드 개발 환경에서 그 중요성이 더욱 커지고 있다. 특히, Vue 3와 Pinia, Vite 등의 최신 도구들이 등장함에 따라 개발 효율성과 확장성이 크게 향상되었다.
이 책에서는 이러한 최신 기술 흐름을 반영해 Vue 3의 핵심 기능을 실무에 바로 적용할 수 있도록, 실용적인 코드 예제와 함께 구체적으로 설명한다. 컴포지션 API, Pinia, 라우터 설정, 그리고 서버 사이드 렌더링 등 현대 웹 애플리케이션 구축에 필수적인 주제들을 상세히 소개한다. 또한, 최신 프런트엔드 개발 트렌드에 맞춘 단위 테스트, CI/CD 통합, 트랜지션 및 애니메이션 기능까지 설명하며 실전에서 바로 사용할 수 있는 프로젝트를 구축하는 방법을 제시한다.
초심자도 쉽게 따라할 수 있도록 기초부터 고급 기술까지 체계적으로 구성되어 있어, Vue.js를 배우고자 하는 모든 프런트엔드 개발자에게 완벽한 실전 가이드가 될 것이다. 이 책을 통해 크게 향상된 Vue.js 기술 역량으로 실제 프로젝트에서 뛰어난 성과를 거두길 바란다.

저자

마야셰빈

저자:마야셰빈
마이크로소프트수석소프트웨어엔지니어.MBA,컴퓨터공학학사,경제학학사등의다양한학업적배경을갖추고있다.또한웹및프런트엔드개발분야의전문가이며타입스크립트,리액트,Vue등에두루능통하다.그녀는오픈소스전자상거래프레임워크인StorefrontUI의코어메인테이너이기도하다.개발자로서접근성높은고성능컴포넌트를전달하는데주력하며,바닐라자바스크립트지식의중요성을무엇보다강조한다.코딩분야외에도국제적으로명망이높은강연자이자출판저자로서자신의역량을유감없이발휘하고있다.웹개발,UX/UI,접근성,견고한코딩표준을열정적으로지지하며블로그(mayashavin.com),X(Twitter)(@mayashavin),컨퍼런스를통해지식을공유한다.한편으로웹개발,특히Vue를주제로한핸즈온워크샵을주최하기도한다.

역자:정병열
어린시절접한BASIC언어를계기로프로그래머의길에들어섰다.연세대학교공과대학을졸업하고직업개발자로다양한프로젝트를수행하며스타트업과대기업을오갔다.현재는시니어개발자로경력을이어가는한편양질의개발서적출간에일조하고자노력하는중이다.옮긴책으로는『자바개발자를위한데브옵스툴』,『자바마이크로서비스를활용한SRE,『진화적아키텍처』(이상한빛미디어)등이있다.

목차


CHAPTER1Vue.js의세계로
_1.1Vue.js란?
_1.2현대웹개발과Vue의이점
_1.3Node.js설치
_1.4Vue개발자도구
_1.5빌더관리도구Vite.js
_1.6Vue애플리케이션생성
_1.7파일리포지터리구조
정리

CHAPTER2Vue의기본작동방식
_2.1가상DOM들여다보기
_2.2Vue앱인스턴스및옵션API
_2.3옵션API탐색
_2.4템플릿구문
_2.5데이터프로퍼티를통한로컬상태생성
_2.6Vue의반응성이작동하는방식
_2.7v-model을이용한양방향바인딩
_2.8v-model.lazy수정자
_2.9v-bind를통한반응형데이터바인딩및Props데이터전달
_2.10클래스및스타일속성바인딩
_2.11v-for를이용한데이터컬렉션순회
_2.12v-on을이용한이벤트리스너추가
_2.13v-if,v-else,v-else-if를이용한조건부렌더링
_2.14v-show를이용한조건부표시
_2.15v-html을이용한동적HTML코드표시
_2.16v-text를이용한텍스트콘텐츠표시
_2.17v-once및v-memo를이용한렌더링최적화
_2.18전역컴포넌트등록
정리

CHAPTER3컴포넌트구성
3.1Vue싱글파일컴포넌트구조
3.2defineComponent()와타입스크립트지원
3.3컴포넌트라이프사이클훅
3.4메서드
3.5computed프로퍼티
3.6와처
3.7슬롯
3.8템플릿과v-slot으로명명된슬롯
3.9ref의이해
3.10믹스인과컴포넌트설정공유
3.11컴포넌트스타일과적용범위
3.12CSS모듈과컴포넌트스타일
정리

CHAPTER4컴포넌트상호작용
_4.1자식컴포넌트의데이터흐름
_4.2커스텀이벤트와컴포넌트간통신
_4.3defineEmits()를이용한커스텀이벤트정의
_4.4제공/주입패턴을이용한컴포넌트통신
_4.5텔레포트API
정리

CHAPTER5컴포지션API
_5.1컴포지션API를통한컴포넌트설정
_5.2ref()와reactive()로데이터처리하기
_5.3라이프사이클훅
_5.4컴포지션API의와처
_5.5computed()
_5.6재사용컴포저블
정리

CHAPTER6외부데이터통합
_6.1Axios란?
_6.2Axios설치
_6.3라이프사이클훅과Axios로데이터가져오기
_6.4런타임중비동기데이터요청
_6.5재사용fetch컴포넌트생성
_6.6애플리케이션과외부데이터베이스연결
정리

CHAPTER7고급렌더링,동적컴포넌트,플러그인구성
_7.1렌더함수와JSX
_7.2기능성컴포넌트
_7.3기능성컴포넌트의props와emits정의
_7.4Vue플러그인으로전역커스텀기능추가하기
_7.5태그를이용한동적렌더링
정리

CHAPTER8라우팅
_8.1라우팅이란?
_8.2Vue라우터
_8.3라우트간데이터전달
_8.4props로라우트파라미터분리하기
_8.5내비게이션가드의이해
_8.6중첩라우트
_8.7동적라우트생성
_8.8라우터인스턴스로앞뒤이동하기
_8.9미확인라우트처리
정리

CHAPTER9피니아와상태관리
_9.1Vue의상태관리
_9.2피니아
_9.3저장소생성
_9.4장바구니저장소생성
_9.5컴포넌트에서장바구니저장소사용하기
_9.6피자갤러리에장바구니기능추가하기
_9.7액션으로장바구니목록표시하기
_9.8장바구니저장소에서항목제거하기
_9.9피니아저장소유닛테스트
_9.10저장소변경사항처리하기
정리

CHAPTER10Vue트랜지션과애니메이션
_10.1CSS트랜지션및애니메이션
_10.2Vue.js의트랜지션컴포넌트
_10.3엘리먼트그룹트랜지션
_10.4라우트트랜지션
_10.5트랜지션이벤트로애니메이션제어하기
정리

CHAPTER11Vue테스트
_11.1유닛테스트와E2E테스트
_11.2Vitest와유닛테스트
_11.3Vitest파라미터와설정파일
_11.4테스트작성
_11.5비-라이프사이클컴포저블테스트
_11.6라이프사이클훅컴포저블테스트
_11.7Vue테스트유틸로컴포넌트테스트하기
_11.8컴포넌트상호작용및이벤트테스트
_11.9Vitest와GUI
_11.10Vitest와커버리지러너
_11.11PlaywrightJS를이용한엔드투엔드테스트
정리

CHAPTER12Vue.js애플리케이션과CI/CD
_12.1소프트웨어개발과CI/CD
_12.2GitHubActions와CI/CD파이프라인
_12.3Netlify를이용한지속적배포
_12.4NetlifyCLI배포
정리

CHAPTER13Vue와서버사이드렌더링
_13.1Vue의클라이언트사이드렌더링
_13.2서버사이드렌더링
_13.3Nuxt.js와서버사이드렌더링
_13.4정적사이트생성기
정리

출판사 서평

웹개발의혁신,Vue.js의모든것을이한권으로!

이책은자바스크립트와타입스크립트를사용하여Vue라이브러리로웹애플리케이션을개발하는전과정을상세히안내한다.최신상태관리라이브러리인Pinia를통해컴포넌트간데이터를효율적으로관리하는방법을익히고,Vue라우터를사용해애플리케이션의내비게이션을구축하는기술을배운다.또한Vue의트랜지션시스템으로기본적인애니메이션효과를구현하여사용자경험을향상시키는방법도다룬다.이책을통해Vue3의핵심기능들을활용하고,확장성높은인터랙티브웹애플리케이션을효과적으로구축하는기술을습득하길바란다.

주요내용
Vue로재사용가능한컴포넌트시스템생성
정적애플리케이션에반응성도입
Vite.js로Vue애플리케이션프로젝트생성
서버에서외부데이터를Vue애플리케이션에연결
Vue라우터를이용해정적및동적라우팅으로애플리케이션흐름제어
Vitest와Playwright로애플리케이션테스트