프로젝트로 쉽게 배우는 Vue.js 3 기본편(Vite와 Composition API 반영)
프로젝트 실습을 통한 기본기 부터 빌드 및 배포까지. Vue3 최신 빌드도구 Vite와 Composition API 반영!
Ratings 4.64 / 5.00
What You Will Learn!
- 프로젝트 위주로 Vue3의 기본기를 배웁니다.
- 컴포넌트 작성 방법과 데이터 바인딩, 이벤트 처리, 조건부 렌더링 등의 기본적인 Vue 디렉티브 기능 등을 습득합니다.
- Vue Router를 사용하여 다양한 페이지 간의 라우팅 및 네비게이션 구현, 동적 라우팅을 배웁니다.
- Vue3의 간편한 문법인 Composition API에 대해 배우고 프로젝트로 실습합니다.
- Vue3에 최적화된 빌드도구인 Vite를 통해 프로젝트를 빌드하고 배포합니다.
- Vuex와 Pinia 라이브러리를 활용한 전역상태관리 방법을 배웁니다.
- 날씨 앱을 통해 API 서버에 데이터를 요청하는방법을 배웁니다.
Description
강의 개요:
이 강의는 최신 웹 개발 트렌드에 부합하는 Vue 3와 Vite를 중심으로 구성되었습니다. Vue 3는 Composition API를 도입하여 더 모듈러하고 간결한 코드 작성을 지원하며, Vite는 빠르고 간편한 빌드 도구로 최신 프론트엔드 개발에 이상적입니다.
문법만 배우다 지루해서 포기하지 마시고 프로젝트를 만들면서 배워보세요!
- 2024 3월 API 활용 및 Vuex 관련 추가 콘텐츠 업데이트 완료
- 2024 3월 새로운 상태관리 라이브러리 Pinia 관련 콘텐츠 업데이트 완료
주요 내용:
영화정보:
Vue 3의 주요 특징과 기본 기능을 학습
컴포넌트, 데이터 관리, props, 이벤트 핸들링, 라이프사이클 등
포트폴리오 홈페이지:
Vue 3와 Vite를 사용하여 프로젝트 초기 설정부터 빌드 및 배포까지
Composition API 활용
페이지 라우팅
Bootstrap5와 SASS로 스타일링 하기
빌드 및 배포하기
날씨정보 앱
서버에 데이터 요청하기
날씨 API 활용
props와 emit으로 데이터 관리
Vuex로 전역 상태관리 마이그레이션
더 나은 상태관리를 위한 Pinia
Vue 개발자 도구 활용하기
스토어에 데이터를 저장하는 방법
컴포넌트에서 store에 접근하는 방법
Who Should Attend!
- HTML, CSS, JavaScript에 대한 기초적인 이해가 있지만 프레임워크나 라이브러리를 사용한 경험이 적은 분
- Vue에 대한 기본기 습득을 원하는 분
- 실습 위주로 빠르게 공부하고 싶은 분