매일 공부한거 기록하기

Vue3 snippet을 설치하고 vueinit을 입력하면 기본 템플릿으로 입력된다 :)

https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org window비트를 확인 한 후에 필요한 버전으로 다운받으면 된다. window 비트확인 방법 SEARCH ICON클릭 후 시스템 정보를 검색하면 된다

1. 기존 환경의 Node 버전을 확인한다. node -v 2. node가 설치되어있다면 npm init vue@latest 위의 명령어를 입력해 설치한다. Done. Now run: cd vue_study npm install npm run dev

신기하다 ㅋㅋㅋㅋ v-model을 쓴다면 양방향 데이터 바인딩이 가능하다 ! 데이터컨트롤하기 생각보다 더 쉬운것같다 이래서 vue를 좋아하는 것인가 .. 크크크

React 처럼 import해주면 바로 사용할 수 있을 줄 알았다... :( (원래 부딪히면서 배우는거 아니겠냐고요) 1. 단순하게 import해서 사용하는 방법 Before 처음에 이렇게 import만 해주려고 했다. After 이렇게 import를 우선해온 상태에서 export default {} 안에 import해온 component를 선언해주면 사용할 수 있다! 2. 전역에서 사용해야하는 컴포넌트는 어떻게 등록할까? main.js에 import한 후에 등록해주면된다 Vue.component('컴포넌트이름','옵션') 컴포넌트 이름은 당연히~ 컴포넌트를 사용할때 쓸 이름이고 옵션은 렌더링시 필요한 옵션들을 작성하면 된다! import GlobalTest from "./components/Global..

바쁜 벌꿀은 슬퍼할 시간도 업ㄸㅏ vue를 아라보자 1. 아래 명령어를 iterm에 입력 npm init vue@2 vue 2.7기준 , vite기준 으로 설치함 2. 프로젝트 이름은 vue-test 잘 모르겠으니까 일단 NOooo...만 입력해준다 나중에 필요하면 추가해보자 설치완료 3. cd vue-test npm install npm run dev 입력해주면 local에서 띄울수있다 :)