실전편 들어가기 | 짐코딩 클럽 온라인 강의

자동 재생
자동 완성

이전 강의 완료하고 계속하기

Vue3 완벽 마스터 : 실전편

강의소개

강의소개 & 오리엔테이션 (기본편 동일) (9:26)
실전편 들어가기 (0:38)
소스 & 교안

실전 프로젝트 구성

프로젝트 구성시 참고
프로젝트 구성 : Vite, ESLint, Prettier (8:23)

Vue Router v4.x

Vue Router 란? : 프로젝트 적용 (15:50)
Vue Router 학습 : 게시판 UI 만들기 (29:35)
404 Not Found & 중첩 라우트 적용 (17:17)
페이지 컴포넌트에 Props 전달 (16:10)
History 모드 : SPA, SSR, CSR (9:08)
신규 강의 론칭 이벤트 🎉

HTTP API 통신

다음 회차를 위한 참고사항
json-server & axios : CRUD 구현 (24:36)
Pagination & Filter 구현하기 (17:33)
axios 모듈 & Vite 환경 변수 설정 (env) (13:03)

공통 컴포넌트

공통 컴포넌트 분기 (based on Vue.js 3 spec) (24:40)
버그 수정 : HTTP PUT vs PATCH (2:02)
Alert 공통 컴포넌트 (10:52)

Vue3 내장 컴포넌트

Transition 컴포넌트 (6:27)
TransitionGroup 컴포넌트 (8:03)
Teleport 컴포넌트 : Modal 만들기 (25:06)

재사용성

Vue3 플러그인 만들기 (11:08)
글로벌 컴포넌트 등록 (10:46)
커스텀 디렉티브 등록 (10:09)
dayjs 플러그인 등록 (4:59)

재사용성 : Composables

Composable 이란? : Alert 컴포저블 함수 (12:51)
axios 컴포저블 함수 구현 1 (18:24)
axios 컴포저블 함수 구현 2 (29:26)

toRef & toRefs

toRef & toRefs 기초부터 활용까지 한방에! (16:28)

Pinia (Vuex5)

Pinia란? (3:50)
Pinia 기초 : state, getters, actions (14:12)
Alert Store 만들기 (4:53)

Vue Router 심화

네비게이션 가드 (14:43)

마치며 🎉

마무리 개선 (8:53)
마치며 (1:47)
수강 후기

Teach online with

실전편 들어가기

완료하고 계속하기

Discussion

0 코멘트