[앱 만들기][Vue.js #1] Vue.js란? + 개발환경세팅

*Vue.js

- UI를 빠르게 개발하기 위해 만들어짐

- 웹 화면 작성에 최적화된 프레임워크

 

*개발 환경 설정

- Node.js : 서버 측 자바스크립트 언어이자 플랫폼

- npm(node package manager) : 앱의 의존성 관리를 위해 사용하는 노드 패키지 관리자

- Visual Studio Code : 코드 편집 도구

- 크롬 브라우저 + Vue.js devtools : 크롬 브라우저 기반에서 작동하는 Vue.js 전용 디버깅, 개발 도구

- Vue-CLI : Vue 앱 작성을 위한 기본 틀을 제공하는 도구

 

*Node.js

- Google V8 엔진을 기반으로 만들어진 서버 측 자바스크립트 언어이자 플랫폼

- Node.js와 함께 설치되는 npm을 이용해 Vue.js 관련 도구를 설치하고 앱의 의존성 라이브러리를 관리

- Node.js와 함께 Express라는 웹 프레임워크를 이용해서 Vue.js 애플리케이션이 엑세스하는 API 서비스를 작성

 

*Visual Studio Code

 

*Vue.js devtools

- 디버깅을 돕기 위해서 Vue.js devtools라는 크롬 브라우저 기반의 확장 애플리케이션

 

*Vue-CLI

- 커맨드라인 인터페이스 기반의 스캐폴딩 도구(Scaffolding)

- Scaffolding은 원래 '공사장 등에서 사용하는 임시 가설물' 이라는 뜻

- 애플리케이션을 개발할 때 처음부터 개발하는 것이 아니라 기본적인 인터페이스와 틀을 제공해줌

- 프로젝트의 폴더 구조를 어떻게 잡을 것인지 테스트, 빌드, 의존성 부분은 어떻게 설정할 것인지 설정

- Vue CLI 3.x 버젼에서는 npm 대신 yarn 패키지 매니저를 주로 사용

- yarn이 실행속도가 빠름