Atelier_BiCute - Vue3 입문자용 가이드 모아보기

 

 

제1장

• 1-1 개발 환경 세팅하기

• 1-2 프로젝트와 파일의 구조와 형식

• 1-3 새로운 컴포넌트를 생성하고 추가하는 방법

• 1-4 컴포넌트 단위로 스타일 적용하기

• 1-5 페이지 전환하기 (라우터 설치부터 사용까지)

• 1-6 데이터 바인딩하는 방법

 

 

제2장

• 2-1 반복문(v-for) 사용하는 방법

• 2-2 이밴트 핸들링(v-on)

• 2-3 조건식 v-if, v-show

• 2-4 데이터를 전달할 때는 props

• 2-5 사용자 지정 이벤트(Custom Event)

  비슷한 내용의 관련글: 자식이 부모의 데이터를 수정하고 싶으면... (커스텀 이벤트)

• 2-6 게시물마다 번호를 달아주자 (라우터 파라미터)

• 2-7 데이터를 전달하는 또 다른 방법 Slot

 

 

제3장

• 3-1 computed, methods, watch 정리

• 3-2 라이프사이클 훅(Lifecycle hooks)

 

[미니 프로젝트] unsplash API를 활용한 이미지 검색 앱 만들어보기

 

• 3-3 vuex 사용하는 방법

• 3-4 Composition API 사용방법

• 3-5 Pinia (Vue 상태관리 라이브러리)

• 3-6 Vuex, Pinia 새로고침해도 상태 유지하기

 

 

+@

• 조건에 따라 클래스 적용하기

• 작고 빠른 이미터 라이브러리 Mitt

  비슷한 내용의 관련글: 떨어진 컴포넌트간에 데이터와 이벤트 주고받는 방법 mitt

 

Last update: 2022.11