프로젝트로 쉽게 배우는 Vue.js 3 기본편(Vite와 Composition API 반영)

Description

강의 개요:

이 강의는 최신 웹 개발 트렌드에 부합하는 Vue 3와 Vite를 중심으로 구성되었습니다. Vue 3는 Composition API를 도입하여 더 모듈러하고 간결한 코드 작성을 지원하며, Vite는 빠르고 간편한 빌드 도구로 최신 프론트엔드 개발에 이상적입니다.

문법만 배우다 지루해서 포기하지 마시고 프로젝트를 만들면서 배워보세요!

- 2024 3월 API 활용 및 Vuex 관련 추가 콘텐츠 업데이트 완료

- 2024 3월 새로운 상태관리 라이브러리 Pinia 관련 콘텐츠 업데이트 완료

주요 내용:

1. 영화정보:

   • Vue 3의 주요 특징과 기본 기능을 학습

   • 컴포넌트, 데이터 관리, props, 이벤트 핸들링, 라이프사이클 등

     
     

2. 포트폴리오 홈페이지:

   • Vue 3와 Vite를 사용하여 프로젝트 초기 설정부터 빌드 및 배포까지

   • Composition API 활용

   • 페이지 라우팅

   • Bootstrap5와 SASS로 스타일링 하기

   • 빌드 및 배포하기

     
     

3. 날씨정보 앱

   • 서버에 데이터 요청하기

   • 날씨 API 활용

   • props와 emit으로 데이터 관리

   • Vuex로 전역 상태관리 마이그레이션

     
     

4. 더 나은 상태관리를 위한 Pinia

   • Vue 개발자 도구 활용하기

   • 스토어에 데이터를 저장하는 방법

   • 컴포넌트에서 store에 접근하는 방법

   
   

What You Will Learn!

• 프로젝트 위주로 Vue3의 기본기를 배웁니다.
• 컴포넌트 작성 방법과 데이터 바인딩, 이벤트 처리, 조건부 렌더링 등의 기본적인 Vue 디렉티브 기능 등을 습득합니다.
• Vue Router를 사용하여 다양한 페이지 간의 라우팅 및 네비게이션 구현, 동적 라우팅을 배웁니다.
• Vue3의 간편한 문법인 Composition API에 대해 배우고 프로젝트로 실습합니다.
• Vue3에 최적화된 빌드도구인 Vite를 통해 프로젝트를 빌드하고 배포합니다.
• Vuex와 Pinia 라이브러리를 활용한 전역상태관리 방법을 배웁니다.
• 날씨 앱을 통해 API 서버에 데이터를 요청하는방법을 배웁니다.

Who Should Attend!

• HTML, CSS, JavaScript에 대한 기초적인 이해가 있지만 프레임워크나 라이브러리를 사용한 경험이 적은 분
• Vue에 대한 기본기 습득을 원하는 분
• 실습 위주로 빠르게 공부하고 싶은 분

TAKE THIS COURSE