2020 Naver Tech Share - Vue.js

네이버 사내 기술 교육 수업 자료입니다.

교과 과정

기간	내용	소요 시간
1주차 (6/12)	Vue.js 기본 개념 학습	5시간
2주차 (6/19)	실무에 필요한 Vue.js 개념 학습	5시간

참가 대상

• 자바스크립트 기본 문법은 알지만 Vue.js를 처음 배우는 분들
• Vue.js로 실제 서비스를 구현하셔야 하는 분들

수업 자료

• 수업 교안 웹 자료
• 1주차 교안 PDF 파일

개발 환경

아래에 안내된 링크에 따라 수업에서 사용할 도구를 미리 설치해주세요 😄

• Chrome
• Git
• Visual Studio Code
• Node.js LTS 버전(v12.x 이상)
• Vue.js Dev Tools

💡 참고 사항 : 수업에서는 VSCode를 기준으로 설명합니다. 별도로 선호하시는 IDE가 있다면 그걸 쓰셔도 괜찮습니다 😄

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 등

작년 교육 자료

작년 Vue.js Tech Share 자료는 아래 링크를 참고하세요 😄

2019년 Tech Share 자료 보기

1주차 자료 안내

• Vue.js in MVVM Pattern
• Reactivity in Depth - Vue.js Doc
• Object.defineProperty - MDN
• Facebook Hackerway 유투브 영상
• Vue.js Function Component
• Vue.js 공식 스타일 가이드
• 뷰 인스턴스 라이프 사이클 도식
• Presentational and Container Component(원문)
• Presentational and Container Component(번역)
• 자바스크립트 비동기 처리와 콜백 함수 글
• 자바스크립트 Promise 이해하기 글
• 자바스크립트 동작 원리 글

2주차 수업 자료

• 학습 노트 실습을 위한 백엔드 API 구성 안내 리포지토리
• Node Version Manager
• Node Version Manager for Windows
• 웹팩 핸드북
• 바벨(최신 자바스크립트 문법을 위한 변환 도구)
• serve Github
• Jenkins CI 도구
• Bamboo CI 도구
• 네트리파이 - Continuous Deployment 플랫폼
• ESLint - 자바스크립트 문법 보조 도구
• Prettier - 자바스크립트 코드 정리 도구
• History API - MDN
• 뷰 인스턴스 라이프사이클
• Vue.js Template Explorer
• 웹팩 define 플러그인
• 뷰 CLI 환경 변수 설정 가이드
• 뷰 SPA 라우터 관련 웹 서버 설정 가이드
• Vuetify
• Gitlab 가이드
• 웹팩 다이나믹 임포트 문법
• 뷰 다이나믹 임포트 & 코드 스플리팅 문법

인프런 강의 할인 쿠폰

수업 마무리 할 때 말씀 드렸던 인프런 Vue.js 끝장내기 강의 30% 할인 쿠폰 정보입니다.

811-9da051944877

쿠폰 사용 방법은 인프런 사이트 우측 하단의 채팅으로 문의해주세요 😄

License & Copyright

Copyright © 2020 Captain Pangyo
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 4.0 Unported License.