T 아카데미 - Vue.js

이 리포지토리는 T아카데미 Vue.js 수업을 위한 리포지토리입니다.

수업 중 제작한 코드 및 퀴즈 답안 안내

• 수업 중 제가 작성한 코드는 모두 class 브랜치에 올라가 있습니다. 작성한 코드를 바로 확인하시고 싶다면 이 링크를 클릭하세요.
• quiz 폴더의 답안을 answer 브랜치에 올렸습니다. 답안을 확인하시고 싶다면 이 링크를 클릭하세요.

수업 중 언급한 자료

• 스택 오버 플로어 Brutal Lifecycle of JS Framework
• State of JS 2018
• 웹팩 핸드북
• Babel 공식 문서
• Object.defineProperty() MDN 문서
• Vue.js Reactivity in Depth
• MDN
• Vue.js Developer
• Google 웹 공식 기술 문서
• PWA 정리 블로그
• ES6 입문서
• Vue Template Explorer
• 브라우저 동작 원리

온라인 & 오프라인 강좌

어제 수업 이후 학습할 수 있는 온라인, 오프라인강의 여쭤보신 분들이 계셔서 아래에 정보 남깁니다 😄

Vue.js 학습 로드맵(인프런 온라인 강의)

패스트캠퍼스 Vue.js 오프라인 강의

강의 개요

• 주제 : 현대 프런트엔드 개발과 Do it! Vue.js
• 일시 : 2019.09.25(수) 13시 ~ 18시, 총 5시간
• 장소 : SK플래닛 T아카데미 (서울대연구공원단지내 SK연구동)

교과 과정

시간	내용	소요 시간
13:00 ~ 14:00	현대 프런트엔드 개발 생태계 소개	1시간
14:00 ~ 15:00	Vue.js 핵심 기능 살펴보기	1시간
15:00 ~ 16:00	Vue.js 기본 문법	1시간
16:00 ~ 17:00	웹 서비스 제작	1시간
17:00 ~ 18:00	웹 서비스 배포 및 자가 학습 방법	1시간

개발 환경 구성

• Chrome
• Git
• Visual Studio Code
• Vue.js Dev Tools
• Node.js LTS 버전

VSCode 플러그인 목록

• 색 테마 : Night Owl
• 파일 아이콘 테마 : Material Icon Theme
• 뷰 확장 플러그인 : Vetur
• 뷰 코드 스니펫 : Vue VSCode Snippets
• 문법 검사 : ESLint, TSLint
• 실습 환경 보조 : Live Server
• 기타
  • Prettier, Project Manager, Auto Close Tag, GitLens, Atom Keymap, Jetbrains IDE Keymap 등

사전 학습 자료

웹 프로그래밍 기본

• HTML - MDN
• CSS - MDN
• Javascript - MDN

자바스크립트

• 자바스크립트 기본 문법
• 자바스크립트 동작 원리
• 자바스크립트 비동기 처리 이해하기

Vue.js

• Vue.js 입문서(블로그)
• Vue.js 입문서(책)
• Vue.js 시작하기(강의)