Vue 3와 타입스크립트로 배우는 프런트엔드 개발

WINGS프로젝트,사이토신조

저자:WINGS프로젝트
유한회사WINGSプロジェクト(WINGS프로젝트)가운영하는테크니컬라이팅커뮤니티(대표:야마다요시히로).주로웹개발분야의책과기사집필,번역,강연등을폭넓게다룬다.2022년8월기준등록회원은약55명이며현재도집필회원을모집중이다.
홈페이지:wings.msn.to/
페이스북:facebook.com/WINGSProject
X(구트위터):@WingsPro_info

저자:사이토신조
WINGS프로젝트소속의테크니컬라이터.웹제작회사에서시스템부분을맡았었고SI회사를거쳐프리랜서로독립했다.웹시스템설계부터프로그래밍,나아가안드로이드개발까지담당하고있다.또한HAL오사카직업전문학교의시간강사를겸임하고있다.
『ゼロからわかるTypeScript入門(밑바닥부터익히는타입스크립트입문)』외다수의책을썼다.

역자:손민옹
IT모험가,프로그래머,DBA,SWA,서울과학기술대학교졸업후일본에서약8년간근무했고현재는한화시스템/ICT부문에서일하고있다.도전하는것을좋아하며스마트폰이대중화될무렵한국에회사를세우고모바일게임을만들어카카오게임즈에서비스한경험이있다.신기술에도관심이많아최근에는AWSCertifiedSolutionsArchitect,MicrosoftCertifiedAzureAdministrator,UiPathDeveloperAdvancedCertificate등의자격을취득했으며지금도꾸준히미지의IT세계를모험중이다.

감수:야마다요시히로
프리랜서작가.MicrosoftMVPforVisualStudioandDevelopmentTechnologies.집필커뮤니티WINGSプロジェクト(WINGS프로젝트)의대표이기도하다.
『독학파이썬』『따라하며쉽게배우는모던리액트완벽입문』외다수의책을썼다.

도입편

1장프런트엔드개발흐름과Vue
_1.1자바스크립트의변천과프런트엔드개발의등장
_1.2프런트엔드프레임워크와Vue

2장Vite와Vue프로젝트
_2.1Vue프로젝트생성준비
_2.2Vue프로젝트생성과실행
_2.3Vue프로젝트생성질문과Vite

3장Vue프로그래밍의기본
_3.1Vue의컴포넌트와기본구문
_3.2반응형시스템
_3.3반응형데이터를준비하는여러가지방법
_3.4Vue프로젝트구성과작동원리

기본편

4장데이터와이벤트디렉티브
_4.1데이터바인딩디렉티브
_4.2이벤트디렉티브

5장양방향데이터바인딩과기타디렉티브
_5.1양방향데이터바인딩
_5.2기타데이터바인딩디렉티브

6장제어디렉티브
_6.1조건분기디렉티브
_6.2반복디렉티브
_6.3리스트조작

7장스크립트블록활용
_7.1감시자
_7.2라이프사이클훅
_7.3scriptsetup의진짜모습
_7.4OptionsAPI

8장컴포넌트간연계
_8.1자식컴포넌트사용
_8.2컴포넌트독립성과CSS처리
_8.3부모에서자식컴포넌트로통신
_8.4Props응용
_8.5자식에서부모로컴포넌트간통신
_8.6Provide와Inject

9장자식컴포넌트활용
_9.1자식컴포넌트를사용자정의하는슬롯
_9.2여러개의슬롯을구현하는명명된슬롯
_9.3데이터전달을역전시키는범위가지정된슬롯
_9.4동적컴포넌트

10장Vue라우터
_10.1싱글페이지애플리케이션
_10.2Vue라우터의기본
_10.3경로파라미터
_10.4스크립트블록을통한라우팅제어
_10.5Vue라우터의다른기능

11장Pinia
_11.1Pinia의기본
_11.2인자를사용한Pinia이용방법
_11.3액션의응용

응용편

12장비동기처리
_12.1비동기처리의기본
_12.2IndexedDB
_12.3웹접속

13장단위테스트
_13.1단위테스트와Vitest
_13.2컴포넌트테스트기본
_13.3컴포넌트테스트응용
_13.4컴포넌트간통신테스트

프런트엔드초보를위한Vue3실전가이드,타입스크립트로완성하기!

이책은도입,기본,응용편으로구성되어있습니다.도입편에서는프런트엔드개발흐름과Vue의기본적인작동원리를이해하도록돕고,기본편에서는디렉티브와컴포넌트간연계를포함한Vue의핵심기능을다룹니다.응용편에서는비동기처리와단위테스트까지설명하며실무에필요한심화내용을제공합니다.

또한다양한예제와친절한설명으로입문자도어렵지않게따라할수있습니다.실무경험이풍부한저자가Vue3와타입스크립트를활용한모던프런트엔드개발의기본부터응용까지차근차근안내합니다.Vue3와타입스크립트로모던프런트엔드를마스터해보세요!

주요내용

Vite를활용한개발환경설정
CompositionAPI와setup속성
반응형시스템
디렉티브와데이터바인딩
컴포넌트간연계
Vue라우터로페이지전환
싱글페이지애플리케이션(SPA)제작
상태관리라이브러리Pinia
비동기처리와데이터통신
단위테스트와품질관리