본문 바로가기

Course

[한글자막] Vue - 완벽 가이드 (Router 및 Composition API 포함)

Vue - 완벽 가이드
(Router 및
Composition API 포함)

Angular와 React의 장점이 섞인
JavaScript 프레임워크, VueJS로
프론트엔드 애플리케이션을
구축해보세요!

배울 내용

멋진 Vue. js 애플리케이션 만들기(작고 단순한 APP에서 대규모 엔터프라이즈급 APP까지)

Vue. js의 이론을 이해하고 실제 프로젝트에 적용하기

멀티 페이지 애플리케이션(MPA) 및 싱글 페이지 애플리케이션(SPA)에서 Vue. js를 활용하기

새로운 컴포지션 API를 포함하여 Vue의 최신 버전인 Vue 3에 대해 알아보기

Maximilian Schwarzmüller

AWS certified, Professional Web Developer and Instructor



이런 분들에게 추천해요

프론트엔드 개발 및 주요 JavaScript 프레임워크에 관심이 있는 모든 분

브라우저에서 실행되는 반응형 애플리케이션을 만들고 싶은 수강생

Angular 2보다 훨씬 간단하게 시작하는 기본 JavaScript 프레임워크를 선호하는 개발자

Vue. js의 기술에 관심있는 초보 개발자 및 취업준비생

● 다른 프론트엔드 프레임워크에 대한 지식이 없는 수강생들도 환영합니다.
● 이 강의에서 Vue의 최신 버전 Vue.js 3를 기초부터 가르쳐 드립니다.
● 이론은 물론, 실전 예시 및 데모 프로젝트(과제)가 포함되어 있습니다.
● 최신 버전의 VueJS를 사용하여 멋진 모던 웹 앱을 구축하는 방법을 배우세요!

[본 강의를 수강해야 하는 이유]
#1.
어떠한 지표(Google Trends, Github Stars, 트윗 등)를 봐도 VueJS가 JavaScript 프레임워크 세계의 주역이라는 것을 알 수 있습니다. 정말 멋진 기술이죠!
이 베스트셀러 강의는 Vue의 최신 버전인 Vue.js 3을 기초부터 아주 자세하게 가르칩니다. 핵심 기초 지식을 모두 배우고, 거기에 그치지 않고 Vue 3에 새롭게 도입된 컴포지션 API 같은 고급 개념도 다룹니다.

#2. VueJS와 같은 프론트엔드 프레임워크는 일반적인 모바일 앱에서 제공하는 반응형의 뛰어난 사용자 경험을 브라우저에서도 제공할 수 있어서 매우 인기 있고 유용합니다. VueJS와 같은 프론트엔드 프레임워크 기술을 요구하는 직업이 업계 최고의 급여를 받는 직업이라는 것은 놀라운 일이 아니죠!

#3. Angular 2+와 ReactJS를 아실 텐데요, VueJS는 두 프레임워크의 장점을 결합하여 작은 위젯부터 대규모 엔터프라이즈급 앱에 이르기까지 모든 것을 쉽고 재미있게 만들 수 있습니다!
Angular 2+나ReactJS 프레임워크를 몰라도 괜찮습니다. 이 강의는 다른 프론트엔드 프레임워크에 대한 지식을 요구하지 않아요. 이 강의를 통해 모두 배우기 때문이죠!
이 강의는 모든 것을 다룹니다!

[본 강의에서 다룰 내용]
본 강의는 고급 주제로 넘어가기 전에 Vue.js가 무엇인지, 어떻게 작동하는지 가장 기본적인 것부터 시작합니다. 이 강의에서 배울 내용은 다음과 같습니다:

1. VueJS는 무엇이고 사용 목적은?
2. 기초 개념(기본 구문, 템플릿 이해 등 포함!)
3. 반응형 데이터를 출력하고 이벤트를 수신하는 방법
4. DOM과 상호작용하기(목록 렌더링, 조건부로 요소 연결/분리 등)
5. 개발 환경 및 워크플로우 설정하기
6. 컴포넌트 사용하기(컴포넌트의 정의 포함)
7. Vue 내부 심층 분석
8. 양식 입력에 바인딩하기
9. 백엔드 API에 HTTP 요청 보내기
10. Vue에서의 인증
11. 애니메이션과 전환으로 앱을 더 아름답게 만드는 방법
12. 라우팅을 사용하여 멋진 싱글 페이지 애플리케이션(SPA)을 만드는 방법
13. Vuex를 통한 상태 관리 개선 방법
14. 앱 배포 방법
15. 그리고 훨씬 더 많은 주제가 있습니다

[본 강의의 구성]
모든 주제는 실전 예시와 데모 프로젝트로 진행됩니다. 이 강의는 학습한 내용을 연습할 수 있는 실습 문제, 도전 과제 및 대규모 강의 프로젝트로 가득 차 있습니다.
많은 소규모 프로젝트뿐 아니라 대규모 주요 프로젝트도 몇 개 구축할 것입니다.

"몬스터 슬레이어(Monster Slayer)" 게임 - 100% Vue 기반으로 브라우저에서 실행되는 게임
"학습 리소스 관리자(Learning Resource Manager)" - 좋아하는 학습 리소스를 관리(추가, 삭제, 나열)할 수 있는 웹 앱
"코치 찾기(Find a Coach)" 앱 - 가입/로그인, 코치 등록, 강습 가능한 코치 보기 및 필터링, 코치에게 메시지 보내기 등을 수행할 수 있는 웹 앱

[본 강의의 대상 수강생]
다음은 이 강의가 적합한 세 가지 유형의 수강생입니다.
수강생 #1:
JavaScript 경험이 있고 해당 언어의 기능에 관해 관심이 있습니다. JavaScript를 사용하면 멋진 웹 애플리케이션을 만들고 기존 웹 페이지를 개선할 수 있다는 말을 들었습니다. VueJS는 당신을 위한 것입니다!
수강생 #2:
Angular(2+) 또는 ReactJS와 같은 다른 프론트엔드 프레임워크에 대한 경험이 이미 있으나, 다른 프레임워크에 대한 관심이나 기존 프레임워크에 대한 실망으로 인해 다른 대안을 찾고 있습니다. VueJS가 당신이 찾는 것일 수도 있습니다!
수강생 #3:
백엔드 프레임워크/언어에 대한 경험이 있지만, 이제 프론트엔드 세계에도 진출하고 싶습니다. VueJS는 좋은 선택입니다. 재미있고, 네이티브 JS를 사용하며 매우 강력합니다!
보너스: 수강생 #4
Angular 2+에 실망했습니다. 2시간이 넘는 설정이 필요한 프레임워크가 과연 좋은 프레임워크일까요? 당연히 아니죠, VueJS가 이를 수강생에게 증명할 것입니다!

지금 바로 VueJS를 배워봅시다! 1강에서 만나요.
- Max

평생 이용권31.5시간 동영상
TV&모바일 엑세스 강의 수료증