Git Hub 🗂 목차 ● [Vue+Nuxt.js] Nuxt.js 기본 ●[Vue+Nuxt.js] Nuxt.js 시작하기 ● [Vue+Nuxt.js] Nuxt.js Data 호출 방식과 API 연동 ●[Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 목록 페이지와 상세 페이지 개발 ● [Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 검색 UI 개발 ●[Vue+Nuxt.js] Vuex를 이용하여 장바구니 Page 만들기 ● [Vue+Nuxt.js] Vuex 새로고침 시 초기화 되는 문제 해결 🗂 부록 ● [FrontEnd] HMR(Hot Module Replacement) ● [Nuxt.js] 비동기 데이터 호출 방법 ● V-Model 동작 원리와 활용 방법 ● [Nuxt.js] N..

⚠️ 문제 발생! 🤔 원인 분석 dispatch()를 호출할 때, 유의해야 하는 것이 Actions에 선언한 함수명과 완전히 일치해야 한다는 것입니다. 만약 일치하지 않으면 위와 같은 문제가 발생하게 됩니다. 🍻 문제 해결! 아까 위에서 /store/index.js에 Actions에서 사용할 함수명을 상수형으로 만드는 것이 좋은데, 그 이유는 위와 같이 이름이 틀릴 경우가 있고, 서비스가 커지게 되면 이름이 헷갈릴 수가 있기 때문이랍니다.

Git Hub 🗂 목차 ● [Vue+Nuxt.js] Nuxt.js 기본 ●[Vue+Nuxt.js] Nuxt.js 시작하기 ● [Vue+Nuxt.js] Nuxt.js Data 호출 방식과 API 연동 ●[Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 목록 페이지와 상세 페이지 개발 ● [Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 검색 UI 개발 ●[Vue+Nuxt.js] Vuex를 이용하여 장바구니 Page 만들기 ● [Vue+Nuxt.js] Vuex 새로고침 시 초기화 되는 문제 해결 🗂 부록 ● [FrontEnd] HMR(Hot Module Replacement) ● [Nuxt.js] 비동기 데이터 호출 방법 ● V-Model 동작 원리와 활용 방법 ● [Nuxt.js] N..

Git Hub 🗂 목차 ● [Vue+Nuxt.js] Nuxt.js 기본 ●[Vue+Nuxt.js] Nuxt.js 시작하기 ● [Vue+Nuxt.js] Nuxt.js Data 호출 방식과 API 연동 ●[Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 목록 페이지와 상세 페이지 개발 ● [Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 검색 UI 개발 ●[Vue+Nuxt.js] Vuex를 이용하여 장바구니 Page 만들기 ● [Vue+Nuxt.js] Vuex 새로고침 시 초기화 되는 문제 해결 🗂 부록 ● [FrontEnd] HMR(Hot Module Replacement) ● [Nuxt.js] 비동기 데이터 호출 방법 ● V-Model 동작 원리와 활용 방법 ● [Nuxt.js] N..

참고 자료 : https://joshua1988.github.io/web-development/vuejs/v-model-usage/ 🚀 V-model이란? 🔽 속성 공식 문서에 안내된 v-model 속성의 사용법은 아래와 같아요. new Vue({ data: { inputText: '' } }) 이렇게 이용자의 입력을 받는 UI 요소들에 v-model이라는 속성을 사용하면 입력 같이 자동으로 뷰 Data 속성에 연결되게 되는 것이에요. 🔽 v-model 동작 방식 v-model 속성은 v-bind와 v-on의 기능의 조합으로 동작하게 되요. 매번 개발자가 하나하나 v-bind와 v-on 속성을 다 지정해 주지 않아도 좀 더 편하게 개발할 수 잇게 고안된 문법인 것이에요. 앞에서 살펴본 코드를 아래와 같이..

Git Hub 한 권으로 배우는 Vue js 3 웹 애플리케이션 개발 기초 실전 (영진책) COUPANG www.coupang.com "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 🗂 목차 ● [Vue+Nuxt.js] Nuxt.js 기본 ●[Vue+Nuxt.js] Nuxt.js 시작하기 ● [Vue+Nuxt.js] Nuxt.js Data 호출 방식과 API 연동 ●[Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 목록 페이지와 상세 페이지 개발 ● [Vue+Nuxt.js] Nuxt.js를 이용하여 쇼핑 상품 검색 UI 개발 ●[Vue+Nuxt.js] Vuex를 이용하여 장바구니 Page 만들기 ● [Vue+Nuxt.js] Vuex 새로고침 시 초기화..