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

• 다른 프론트엔드 프레임워크에 대한 지식이 없는 수강생들도 환영합니다.

• 이 강의에서 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