0. 개발환경설정

모든 예제 코드는 github에 있습니다.

0. 개발환경설정

프로그램 설치

• Chrome
• Visual Studio Code
• Node.js
• Vue.js Devtools

수업 코드 안내

• 예제코드

VSCode 플러그인 설치 및 설정

• Vetur
  • .vue 파일에 대한 코드를 만들어주는 기능 및 디버깅, 자동 완성 등 지원
• Night Owl
  • 테마
• Material Icon Theme
  • 아이콘 테마
• Live Server
  • 에디터 에서 저장을 하는 즉시 브라우저에서 반영이 됨.
• ESLint
  • lint란 소스 코드에 문제가 있는지 탐색하는 작업이며, linter는 이 작업을 도와주는 소프트 웨어
    • 자바스크립트 진영의 오픈소스로 확장되고 있는 정적 분석 도구로, 정적 분석 도구란 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 작성할 수 있게 도와줌.
• Prettier
  • Code Formatter로 개발자가 작성한 코드가 정해진 코딩 스타일을 따르도록 변환해주는 도구
• Auto Close Tag
  • 시작 태그의 닫기 괄호를 입력한 후 닫기 태그가 자동으로 삽입
• Atom Keymap
  • 아톰 에디터 단축기 적용