[강의리뷰] 짐코딩 Vue3 시리즈 강의 후기

짐코딩의 Vue3 완벽 마스터 시리즈Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"강의 길이는 7시간 47분 Vue와 Composition API 대한 기본적인 개념을 알려준다. 반응형, 데이터 바인딩, 양방향 바인딩, 기본 디렉티브, 데이터 주고받기 등을 학습한다. Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"강의 길이는 6시간 41분 실전에서 사용하는 기술들을 알려준다. 예를 들면 router나 네비게이션가드, 플러그인, 컴포저블, 상태관리 방법인 pinia 등을 학습한다. 강의 수강 후기듣게된 계기는 '프론트엔드 날개달기' 무료 강의를 수강하고 너무 좋아서 vue3 강의도 듣게되었다. 짐코딩의 vue강의는 기본편과 실전편으로 나뉘어졌다. 기본편은 쉽겠구나 하고 만만하게 봤다가 큰코다..

• format_list_bulleted 📃 기록/강의
• · 2024. 7. 4.
• textsms

[강의리뷰] 캡틴판교 Vue3 시리즈 강의 후기 | 인프런

회사에서 기존 vue2 프로젝트들을 vue3로 마이그레이션하기 위해 캡틴판교의 vue3 강의들을 학습하게 되었다. [ Vue 3 시작하기 ] 시작편에서는 vue2와의 차이점과 vue의 기본적인 개념 위주로 알려준다. SFC라던가 vue의 문법 등 vue2와 vue3의 공통적인 내용을 배운다. vue2 학습 없이 바로 vue3를 학습하는 사람들을 위한 강의같다고 생각했다. [ Vue 3 중급 - Composition API ] 중급편에서는 본격적으로 vue3의 코어 api레벨인 컴포지션 api에 대해 옵션api와의 비교를 통해 특징과 장단점을 알려준다. 그리고 직접 vue3로 todo list를 만들어볼 수 있다. [ 캡틴판교 Vue3 강의 후기 ] 강의만으론 깊이 있게 배우긴 어렵다고 느꼈다. 또한 몇 ..

• format_list_bulleted 📃 기록/강의
• · 2024. 6. 18.
• textsms

Vue3의 반응형 데이터(Reactivity) | 반응형 데이터의 구조분해와 변경방지

반응형 기초💥 반응형 상태 선언하기1. reactive()자바스크립트 객체에서 반응형 상태를 생성하려면 reactive() 함수를 사용한다. import { reactive } from 'vue'const tay = reactive({ level: 0 })객체, 배열 같은 레퍼런스 타입도 반응형 객체로 만들 수 있다.const tay = reactive({level:0, dev: { count: 0, } })    이러한 reactive()는 뎁스가 깊어도 잘 동작한다.즉, 위 코드에서 reactive로 tay.dev.count에도 반응한다.참고로 Options API의 data에서 객체를 반환할 때, 내부적으로 reactive()에 의해 만들어진다.  2. ref()number, string, boo..

• format_list_bulleted 🧠 저장/Vue
• · 2024. 4. 23.
• textsms