본문 바로가기
반응형
SMALL

학습/Vue3

Vue3 에서 yarn serve 시 오류 (The project seems to require yarn but it's not installed.) node -vv18.20.5yarn -v1.22.22npm -v10.8.2 설치 정보는 상기 정보와 같다.인프런에 보면 Vue3 강좌가 있는데 해당 강좌에서 따라하다보니아래와 같은 문제가 발생하였다.  ERROR Error: The project seems to require yarn but it's not installed.Error: The project seems to require yarn but it's not installed. at checkYarn (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\@vue\cli-shared-utils\lib\env.js:46:4.. 2025. 1. 20.
Vue 2 & Vue 3 - Reactivity 차이점 아래의 소스코드는 위의 동작으로 실행된다.이 과정은 Vue의 핵심이라고 할 수 있는데 개발자는위의 과정에 맞춰서 개발을 한다고 보면 된다.   기존에는 아래와 같이 Property 동작을 제어했다. let data = { a : 10, b : 20};Object.defineProperty(data, 'a' { get() { }, set() { }}); 여기서는 'a' 에 대한 것만 제어가 가능하게 설계가 되어있었는데Vue 3에서는 Proxy를 통해 객체를 통짜로 모방하도록 만들 수 있어서좀 더 개선된 버전이라고 할 수 있다. API 차이로 인해서 Vue 2 보다 Vue 3가 사용하기 더 편하다고 할 수 있다. 2025. 1. 9.
Vue2와 Vue3의 차이점 Vue2와 Vue3의 차이점라이브러리 내부 로직 재작성Vue2의 라이브러리를 모두 TypeScript로 재정의하여 내부 로직을 재작성주요 개발 도구들 변경예 ) 뷰 개발자 도구, VSCode 플러그인 (Vetur -> Volar), Vite 기반 프로젝트 생성 등Webpack이 아닌 Vite를 쓰게되면서 전반적인 생태계가 변화되었다. (https://joshua1988.github.io/webpack-guide/webpack/what-is-webpack.html)새로운 문법 지원컴포지션(Composition) APITeleport기타리액티비티 시스템 기반 API 변경개선된 API로 Vue 내부 개선공식 문서 변경Vue3 공식문서와 Vue2 공식 문서가 나뉘어져 있음필요에 따라서 버전 별 사용 가능http.. 2025. 1. 9.
반응형
SMALL