본 깃허브 레파지토리의 모든 코드 소스 및 기술 내용에 대한 라이센스는 라이센스 문서를 반드시 확인하세요. 강의 수강자외에 활용을 금지합니다.

Vue.js 강의 (1 Week)

이 강의는 'Vue.js 프로젝트 투입 일주일 전' 저서를 교재로 사용하며, 실무(SAP ERP, 웹, 모바일 서비스) 경력 22년의 강사가 프론트엔드 프레임워크 기술인 Vue.js를 실무에 가장 빠르게 적용할 수 있는 방법을 알려드립니다.

• 강의문의 : [email protected]
• 유튜브채널 : 개발자의품격

강의 목표

1. Vue.js 3.x 버전을 기반으로 Vue프로젝트 생성 및 기본문법, 고급문법을 실무를 바탕으로 모두 배웁니다.
2. 실무 프로젝트 운영시 고려해야 하는 라우팅 기법을 배웁니다.
3. Mock 서버를 바탕으로 프론트엔드 개발자가 효율적으로 개발을 진행하는 방법을 배웁니다.
4. 비즈니스 애플리케이션 개발에 가장 많이 사용되는 UI 패턴을 바탕으로 실습 예제 구현을 통해 바로 실무에서 적용 가능한 수준으로 성장합니다.

강의 진행 및 평가

1. 강의 일정을 참조해 주세요.
2. 강의에 사용되는 모든 샘플 코드는 깃허브를 통해서 제공됩니다.
3. 매일 과제가 제공됩니다. 과제에 대한 결과물은 나중에 평가에 적용이 됩니다.
4. 강의 마지막 날, 마지막 시간에는 20문항으로 제공되는 최종 평가지를 작성하셔야 합니다.
5. 강의를 따라오시는데 문제가 되는 분들을 위해서 매일 점심시간 전에 의사표현을 해주시면 점심시간에 부족한 부분에 대한 설명을 추가적으로 진행합니다. 그 외 필요한 경우 강의 시간 이후 저녁시간에 도움을 드리도록 하겠습니다.

강의 일정

• 1일차 보기
• 2일차 보기
• 3일차 보기
• 4일차 보기
• 5일차 보기

용어 사전(보기)

강의에서 나오는 모든 용어는 깃허브 위키 용어 사전에 정리되어 있습니다.

개발환경 구성

개발환경 설치 매뉴얼

접속 사이트 정보

• Github (https://github.com)
• 깃허브 강의 코드 다운로드 (https://github.com/seungwongo/vue-1week)
• Vue 공식 사이트 (https://v3.vuejs.org/)
• Vue CLI 공식 사이트 (https://cli.vuejs.org/)
• Vuex 공식 사이트 (https://vuex.vuejs.org/)
• Visual Studio Code 다운로드 사이트 (https://code.visualstudio.com/)
• Node.js 사이트 (https://nodejs.org/ko/)
• NPM (https://www.npmjs.com/)
• Postman 다운로드 사이트 (https://www.postman.com/downloads/)
• Axios 문서 (https://github.com/axios/axios)
• ESLint (https://eslint.org/docs/rules/)
• 카카오 개발자 센터 (https://developers.kakao.com/)
• W3School (https://www.w3schools.com/)
• MDN Web Docs(https://developer.mozilla.org/)