kaynoh / vue3-quickstart

vue3-quickstart

원쌤의 Vue3 퀵스타트

---

• ch01 : Vue.js 소개
• ch02 : Vue.js를 위한 ES6
• ch03 : Vue.js기초와 Template
• ch04 : Vue 인스턴스
• ch05 : 이벤트 처리
• ch06 : 스타일 적용
• ch07 : 단일 파일 컴포넌트를 이용한 Vue 애플리케이션 개발
• ch08 : 컴포넌트 심화
• ch09 : 컴포지션 API
• ch10 : vue-router를 이용한 라우팅
• ch11 : axios를 이용한 HTTP 통신
• ch12 : vue-router와 axios를 사용한 예제
• ch13 : pinia를 이용한 상태관리

---

공지사항

7.4.3 속성의 유효성 검증 오류(188 페이지)

• 현재(2023.05.16) Vue 최신버전(3.3.x)에서 속성의 유효성에 어긋나는 경우 브라우저 콘솔에 경고 메시지가 나타나지 않고 있습니다. Vue 최신 버전의 버그라고 보여집니다.

  • stackoverflow 아티클 : https://stackoverflow.com/questions/76243411/vue-3-3-2-not-showing-warnings-on-console

• 경고 메시지가 나타나지 않는다면 Vue 버전을 다운그레이드하여 실행하십시오.

• vue 버전 다운그레이드 방법

  • package.json의 vue 버전을 다음과 같이 변경합니다. (버전 앞의 ^를 제거하여 정확한 버전을 지정합니다)

  {
    ......
    "dependencies": {
      "vue": "3.2.47"
    },
    ......
  }
  

  • npm install 명령어를 실행해 관련모듈을 다시 내려받습니다.
  • npm run dev 명령어로 다시 실행하여 기능을 확인합니다.
  • 만일 그래도 경고메시지가 나타나지 않는다면 예제 파일의 ch07/test-vue-app743 을 로딩하여 확인하세요.

정오표

• 오탈자는 여기를 확인합니다.