1 제작할 앱 & API 소개 & Vue.js 스타일 가이드 소개

source: categories/study/vue-beginner-lv3/vue-beginner-lv3_1.md

• vue training lv3

1.1 개발 환경 설정 및 비공개 리포지토리 주소 안내

• 노드JS
• VScode(난 Webstorm)

1.2 VSCode 플러그인 목록

VSCode 플러그인 리스트

• Atom Keymap : 아톰의 키 설정을 불러오는 플러그인
• Vetur : Vue.js 플러그인
• Night Owl : 코드 하이라이팅 플러그인
• Material Dark Syntax : 코드 하이라이팅 플러그인
• Google Material Icon Theme : 폴더 아이콘 테마
• ESLint : 자바스크립트 문법 검사 플러그인
• TSLint : 타입스크립트 문법 검사 플러그인 (이 강좌에선 타입스크립트를 다루진 않지만, 타입스크립트의 장점인 형의 검사라던지.. 중간의 타입 에러로인한 문제를 잡아준다던지그래서 이런 린트들이 프로그램 개발에 도움을 줍니다.)
  TSLint를 사용하면 타입스크립트를 사용하지 않더라도 기본적인 형에 대한 검사를 보조해주기 때문에 TSLint와 함께 ESLint까지 같이 설치하면 좋을 것 같습니다.
• Auto Close tag : HTML 태그 자동 닫기 플러그인
• Live Server : 정적 파일을 로컬 서버에 올리고 자동 갱신해주는 플러그인

1.3 Vue.js 스타일 가이드 및 코딩 컨벤션 소개

• vuejs style guide

vuejs 코어팀에서 권고하고있는 vuejs 코드 스타일 가이드입니다.
무조건 적용해야되는 Essential부터해서 강력히 권고하는 방안, 그리고 추천 및 주의해서 써야될 코드 스타일까지 전반적으로 나와있습니다.
저희가 강좌에서 다룰 코드들은 전반적으로 위의 코드스타일들을 전부 다 참고해서 진행을 하도록 하겠습니다.