1st May Vue.js 정리

Vue 쓰는 이유

1. Vue는 방법이 하나, 초보일수록 유용하게 쓸 수 있음
2. Vue도 React스럽게 자유도 높은 개발 가능
3. HTML 렌더링 속도가 빠름
4. 업데이트 잘됨
5. Single Page Application, web-app(모바일 앱처럼 쓸 수 있음) 만들 때 유용 -> 화면전환이 자유롭다

Vue 강의에서 배워보 것:

project-based

• 부동산 파는 사이트
• 간단한 블로그
• 인스타그램

셋팅방법

1. Node.js 설치
2. visual studio code -> new terminal -> npm install -g @vue/cli
3. 에디터 부가기능 설치 - Vetur, HTML CSS Support, Vue snippets 설치

Vue 프로젝트 생성

1. 터미널에 Vue create 프로젝트명 입력
2. vuedongsan 폴더 에디터로 오픈
3. 미리보기는 터미널에서 npm run serve 입력

Node.js 설치한 이유

Node.js를 설치하면 npm을 쓸 수 있다
npm은 각종 웹개발 라이브러리 설치 도우미
npm으로 @vue/cli 설치함

웹브라우저는 뷰파일을 해석할 수 없다
App.vue에 있는 코드를 html로 컴파일해서 박아넣고 있기 때문에
브라우저에서 실행가능

node_modules: 프로젝트에 쓰는 라이브러리들
src: 소스코드 다 담는 곳
public: html파일, 기타파일 보관
package.json: 라이브러리 버전, 프로젝트 설정기록