Vite 개정판

온개발팀 지음

온노트 2025년 07월 03일 출간

작품소개

책소개

오리지널판이 있는 경우 개정판을 다시 구매할 필요 없이 오리지널판을 업데이트하여 사용할 수 있습니다.

"Vite"에 오신 것을 환영합니다. 이 책은 오늘날 웹 개발 생태계에서 가장 빠르고 현대적인 프론트엔드 빌드 도구 중 하나인 Vite에 대한 종합적인 가이드입니다. 경험이 풍부한 개발자든, 이제 막 시작하는 초보자든 이 책은 Vite의 기능, 구성, 실제 적용 사례를 마스터하여 개발 워크플로우를 극대화하는 데 도움을 줄 것입니다.

제1장 “Vite 소개”에서는 현대적인 빌드 도구의 개요를 설명한 후 Vite의 주요 기능과 Webpack, Parcel 등 다른 도구와의 비교를 통해 Vite를 소개합니다.

제2장 “Vite 설정”에서는 사전 요구사항, 설치 단계, 첫 번째 Vite 프로젝트 생성 과정을 안내합니다. 또한 기본 프로젝트 구조의 개요와 개발 서버를 실행하여 빠른 피드백을 받는 방법을 설명합니다.

제3장 “Vite 구성”에서는 Vite의 강력한 구성 기능을 탐구합니다. vite.config.js 수정 방법, 환경 변수 사용, 이미지 및 폰트와 같은 특수 자산 처리, Vite의 플러그인 시스템을 활용하여 기능을 확장하는 방법을 배우게 됩니다.

제4장 “Vite로 개발하기”에서는 파일 기반 라우팅, Hot Module Replacement (HMR), 코드 분할, 지연 로딩 등 필수 개발 기능을 탐구합니다. 또한 CSS 및 프리프로세서와 같은 스타일링 옵션, React, Vue 등 프레임워크 통합 방법도 다룹니다.

제5장 “프로덕션 환경을 위한 빌드”에서는 생산 환경 빌드 파이프라인을 다룹니다. 빌드 설정 구성, 정적 자산 최적화, 배포 전략 선택, 빌드 과정에서 발생하는 일반적인 문제 해결 방법을 배우게 됩니다.

제6장 “고급 Vite 기능”은 고급 사용 사례에 초점을 맞춥니다. 주제에는 TypeScript 사용, 서버 측 렌더링(SSR) 구현, 플러그인을 활용한 빌드, 모노레포를 활용한 대규모 프로젝트 관리, 성능 조정 기술 등이 포함됩니다.

제7장 “커뮤니티 및 리소스”는 Vite 생태계의 전반적인 내용을 소개합니다. 공식 문서, 인기 있는 커뮤니티 플러그인, 추천 튜토리얼 및 코스, 프로젝트 기여 방법이나 신규 릴리스 업데이트 방법 등에 대한 안내가 포함됩니다.

이 책을 마치면 Vite를 사용하여 빠르고 유지보수하기 쉬우며 현대적인 웹 애플리케이션을 자신 있게 개발하는 방법에 대한 깊은 이해를 얻을 수 있습니다.

본 도서는 인공지능 기반으로 검색된 콘텐츠를 바탕으로, 일반 서식, 질문과 답변, 문제 풀이 등 다양한 형식을 통해 핵심 개념을 체계적으로 설명합니다. 독자들이 개념을 보다 쉽게 이해할 수 있도록, 명료하고 간결한 구조를 유지하였으며, 각 소스 코드에 적합한 하이라이트 기능을 제공하여 가독성을 극대화하였습니다.

이 책은 종이책 형태가 아닌 EPUB 전자책으로 제작되어, 전통적인 페이지 레이아웃과는 다른, 웹 기반의 흐름을 취하고 있습니다. 따라서 종이책과 같은 구성에 익숙한 독자라면 다소 이질감을 느낄 수 있습니다.

본 주제에 처음 접하는 독자에게는 이 도서가 다소 방대한 내용과 깊이 있는 개념을 다루고 있어 주제를 이해하는 데 어려움을 느낄 수 있으므로, 관련 분야에 어느 정도 경험이 있는 독자들에게 이 책을 권장합니다. 기존 지식을 넓히고자 하는 이들에게는 심화된 이해와 지식의 확장을 도울 수 있을 것입니다.

목차

1장 : Vite 소개
___1. 최신 빌드 도구 개요
___2. Vite란?
___3. Vite의 주요 기능
___4. Vite vs. 다른 빌드 도구
2장 : Vite 설정
___1. 사전 요구 사항 및 시스템 요구 사항
___2. Vite 설치
___3. 새 Vite 프로젝트 생성
___4. 프로젝트 구조 개요
___5. 개발 서버 실행
3장 : Vite 구성
___1. Vite 구성 이해
___2. vite.config.js 구성
___3. Vite의 환경 변수
___4. 특수 에셋 처리(이미지, 글꼴 등)
___5. 플러그인 시스템 개요
4장 : Vite 개발
___1. 파일 기반 라우팅
___2. 핫 모듈 교체(HMR)
___3. 코드 분할 및 지연 로딩
___4. Vite 스타일 적용(CSS, 전처리기)
___5. 프레임워크 통합(React, Vue 등)
5장 : 프로덕션 빌드
___1. 프로덕션 빌드 프로세스 이해
___2. 빌드 옵션 구성
___3. 에셋 최적화
___4. 배포 전략
___5. 일반적인 빌드 문제 해결
6장 : Vite 고급 기능
___1. 타입스크립트와 함께 Vite 사용하기
___2. 서버 측 렌더링(SSR)
___3. 플러그인 통합
___4. 모노레포와 함께 Vite 사용하기
___5. 성능 최적화 기법
7장 : 커뮤니티 및 리소스
___1. Vite 공식 문서
___2. 커뮤니티 플러그인 및 라이브러리
___3. 학습 리소스(강좌, 튜토리얼)
___4. Vite에 기여하기
___5. Vite 릴리스 업데이트 확인

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.