메뉴 바로가기 검색 및 카테고리 바로가기

한빛미디어

독자리뷰

타입스크립트 기초를 쌓은 뒤 Vue3로 배우는 프런트엔드 개발서

jjary***

|

2025-02-28

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

Composition API와 타입스크립트로 모던 Vue 마스터하기

  • 저자 : WINGS 프로젝트 , 사이토 신조 , 야마다 요시히로(감수)
  • 번역 : 손민옹
  • 출간 : 2025-01-06

"한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다."

컴퓨터공학을 졸업했지만 프런트엔드 개발을 잘 모르는 저는 타입스크립트라는 언어를 다뤄본적이 없는 생판 초짜입니다. 그래서 새로운 언어를 접해보고 프런트엔드에 대한 이해도를 높이고자 리뷰하게 되었습니다.

이 책은 Vue 버전 3을 타입스크립트로 코딩하는 방법을 다루는 입문서입니다. 그렇기에 학습 목표는 Vue 프로그래밍의 기초부터 시작하여 비동기 처리를 포함한 싱글 페이지 애플리케이션을 만들 수 있는 수준까지 학습하는 것이 목표입니다.

맨 처음 리뷰를 하기 전 신청할 때에는 타입스크립트의 기초부터 Vue 3 개발까지 한꺼번에 알 수 있지 않을까란 기대감이 약간 있었지만, 저자님도 그 부분을 우려하신지 9페이지에 '이 책을 학습하기 위한 사전 지식' 코너를 따로 적어두셨더라구요.

이 책에서는 타입스크립트로 코딩을 진행하지만, 이 책은 Vue의 입문서일 뿐 타입스크립트나 프로그래밍 입문서가 아니기에 타입스크립트에 대한 기초 지식이 없거나 프로그래밍 경험이 부족하다면 하단의 도서를 참고하라고 권장하셨습니다. 총 2권인데, <비전공자도 배울 수 있는 타입스크립트 (2024) > 와 < 완성된 웹사이트로 배우는 HTML&CSS 웹 디자인 (2022) > 입니다. 저는 HTML 지식만 약간 있다 보니 책에 기재되어 있는 코드가 읽자마자 바로바로 받아들여지진 않더라구요. 아무래도 하단의 기초 지식 책을 읽고 Vue 공부로 넘어오시면 훨씬 수월하실 듯 합니다. 아울러 이 책에서는 명령어 조작도 자주 사용합니다. 그렇기에 맥의 경우 터미널, 윈도우의 경우 PowerShell이나 명령프롬프트를 다루는 방법도 미리 익혀두시는 것을 권장드립니다.


 

한빛미디어에서 출판하신 책 답게 코드와 설명은 정말 자세하게 기재되어 있습니다. 그렇기에 적당한 기초지식만 있으시면 코드를 따라치면서 실제로 해보시는데 큰 무리는 없을것이라 파악됩니다. 맨 처음 흥미를 가질 수 있도록 자바스크립트의 역사와 Vue의 특징으로 책을 시작하시는데 Vue의 특징을 간단하게 기술하자면 가볍고 경쾌하게 작동하는게 큰 특징입니다. 반응형 시스템을 핵심으로 하는 DOM 렌더링 기능에 특화된 프레임워크인데, 이것은 어디까지나 Vue.js 본체에 대한 이야기이고 Vue의 특징은 Vue.js 본체를 중심으로 다양한 외부 모듈을 추가할 수 있다는 점이라고 합니다.

Vue코딩을 위한 준비 단계부터 반응형 시스템을 직접 체험해보고, HTML에 디렉티브라는 특수한 속성을 작성하여 자바스크립트/타입스크립트 코드와 연동하는 것에 대해 설명합니다. 스크립트 블록과 여러 컴포넌트 간 연계, 라우터, 상태 관리 모듈 Pinia, 비동기처리, 단위 테스트까지 전반적인 구조에 대해서 설명해주시기 때문에 Vue 입문서로 적합하다고 생각이 됩니다.

일단 리뷰를 위해 간단히 훑어보았지만 저는 타입스크립트 자체가 생소해서 상단의 기초지식을 더 쌓은 뒤에 다시 읽어볼 생각입니다 ㅎㅎ

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?