나태쿤의 개발이야기

✨ vue cli 전역 설치
npm i -g @vue/cli



✨ cli 로 프로젝트 생성
vue create [프로젝트명]


✨ 옵션 선택으로 프로젝트 생성, 골라서 엔터
vue create [프로젝트명]


✨ gui 로 프로젝트 생성, 흠 ...
vue ui

✨ 포트 지정
npm run serve -- --port 4000

✨ 로컬 환경에서 ...
환경파일: .env.local
로컬 환경: npm run serve (npm run serve -- --mode local)

✨개발 환경에서 ...

환경파일 : .env. development
개발 환경: npm run serve -- --mode development

VUE 환경파일에서는 

prefix로 VUE_APP 으로 붙여야 한다

VUE_APP

따라서 VUE_APP_XXX 이런식으로 선언해두면

뷰 컴포넌트에서 process.env.VUE_APP_XXX  로 읽을 수 있다

업무상 vue를 이번에 프론트로 사용한다하여 vue를 공부를 시작하게되었다 !

vue3이 나온지 몇년되서 여러책을 조사해봣지만 대부분 버전이슈가 없었다

그래서 나는 이책을 골랐다

처음 보자마자 100페이지 정도까지 봤는데, 역시 리액트에 비해 대체로 직관적이고 쉽다

하지만 중간중간 비교하려고 공식사이트에서 가서보니

그새 vue 도 발전되어 api 스타일이 두개로 나눠진다

1.Options Api 스타일

이게 과거에 먼저 나온것 같다 책은 이방식이다

2. Composition Api 스타일

이건 좀더 바닐라 자바스크립트 느낌이 강하고 리액트와도 유사하다

다행히도 문서에서 api 스타일을 고르면 그에 따른 문서가 제공되니 

나름 친절한것 같다