서문
이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: translation-feedback@oreilly.com
JavaScript 프레임워크는 최신 웹 프론트엔드 개발에서 중요한 역할을 합니다. 웹 프로젝트를 개발할 때 기업은 최종 결과물의 품질, 개발 비용, 코딩 표준, 개발 용이성 등 다양한 이유로 프레임워크를 선택합니다. 따라서 최신 웹 개발자(또는 프론트엔드 개발자 또는 풀스택 개발자)라면 Vue와 같은 JavaScript 프레임워크를 사용하는 방법을 배우는 것이 필수적입니다.
이 책은 Vue 라이브러리를 사용하여 웹 애플리케이션을 JavaScript와 Typescript로 처음부터 끝까지 배우고 개발하려는 프로그래머를 위한 책입니다. 이 책은 Vue와 그 에코시스템이 확장 가능한 대화형 웹 애플리케이션을 가장 간단하고 편안한 방향으로 구축하는 데 어떻게 도움이 되는지에만 초점을 맞춥니다. 기본 사항을 다루는 동시에 상태 관리, 테스트, 애니메이션, 배포 및 서버 측 렌더링을 위한 Vue 라우터와 Pinia도 살펴보고 복잡한 Vue 프로젝트 개발을 바로 시작할 수 있도록 준비할 것입니다.
Vue나 가상 DOM의 개념에 익숙하지 않더라도 괜찮습니다. 이 책은 Vue 또는 유사한 프레임워크에 대한 사전 지식을 전제로 하지 않습니다. Vue의 모든 기본 사항을 처음부터 소개하고 안내해 드리겠습니다. 또한 이 책의 나머지 부분의 기초가 되는 2장에서는 Vue의 가상 돔 개념과 반응형 시스템에 대해 설명합니다.
이 책을 읽기 위해 반드시 Typescript를 알아야 할 필요는 없지만, TypeScript 기초에 익숙하다면 더 잘 준비할 수 있습니다. 또한 HTML, CSS, JavaScript에 대한 기본 지식이 있다면 이 책의 내용을 더 잘 이해할 수 있을 것입니다. 웹(또는 프론트엔드) JavaScript 프레임워크에 뛰어들기 전에 이 세 가지에 대한 탄탄한 기초가 항상 중요합니다.
이 책에서 사용된 규칙
이 책에서는 다음과 같은 타이포그래피 규칙이 사용됩니다:
- 이탤릭체
-
새 용어, URL, 이메일 주소, 파일 이름 및 파일 확장자를 표시합니다.
Constant width-
프로그램 목록은 물론 단락 내에서 변수 또는 함수 이름, 데이터베이스, 데이터 유형, 환경 변수, 문, 키워드 등의 프로그램 요소를 참조하는 데 사용됩니다.
Constant width bold-
사용자가 문자 그대로 입력해야 하는 명령이나 기타 텍스트를 표시합니다.
Constant width italic-
사용자가 제공한 값 또는 컨텍스트에 따라 결정된 값으로 대체해야 하는 텍스트를 표시합니다.
팁
이 요소는 팁이나 제안을 의미합니다.
참고
이 요소는 일반적인 메모를 의미합니다.
경고
이 요소는 경고 또는 주의를 나타냅니다.
코드 예제 사용
보충 자료(코드 예제, 연습 문제 등)는 https://github.com/mayashavin/learning-vue-app 에서 다운로드할 수 있습니다.
기술적인 질문이 있거나 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access