[짐코딩] Vue 3 완벽 마스터 : 기초부터 실전까지 (기본편 + 실전편)

프론트엔드 개발을 하며 많은 분들이 Webpack, NPM, 모듈시스템 등에 대해 확실하게 이해를 하지 못하고 있다고 느꼈습니다.

현재 많은 강좌들이 Vuejs, React, Angular 등 해당 프레임워크에 대한 주제로 강의를 다루고 있지만 프론트엔드 개발자가 되기위한 생태계 지식은 많이 없더라고요.

그래서 준비하게 된 "프론트엔드 날개달기" 강의입니다. 쉬운 설명으로 준비한 강의이니, 많은 도움이 되었으면 합니다. 🙂

Vue.js 3를 처음 접하시는 분들을 위하여 공식문서를 기반으로 Vue.js 3 최신 문법을 학습하는데 집중하였습니다. 그리고 대략적인 강의내용은 다음과 같습니다.

- HTML, CSS, JavaScript가 컴포넌트 기반 Vue.js 웹 앱으로 변화하는 과정
- Options API VS Composition API 차이
- Vite로 프로젝트 시작하기
- ESLint Prettier 설정
- 공식 문서 최신 스펙을 반영한 Composition API 문법
- Vue.js 3 컴포넌트 기초부터 심화
- <script setup>과 일반 <script> 차이

Vue.js 3으로 실전 게시판 프로젝트를 만들어보는 강의입니다. 최신 트렌디한 내용으로 구성하였으며, 강의내용은 다음과 같습니다.

- VueRouter v4 (Composition API 기반)
- Axios HTTP API 통신
- 공통 컴포넌트 분리
- Vue.js 내장 컴포넌트
- Vite 기반 환경 변수 설정 (env)
- Global Component, Custom directive, 공통 모듈 등 플러그인 설치
- Vue.js3 꽃,  Composable 함수
- toRef, toRefs 한큐에 이해하기!
- Vue.js 공식 상태관리 라이브러리가 된 Pinia!
- Vue Router 심화: 네이게이션 가드