Academy Program

Home > > 전체교육일정

SW 개발

컴포넌트기반 UI구축기반 Vue.js

교육일정
교육기간
2일
교육금액
800,000원(면세)
SW 개발전체일정보기 수강신청

교육개요

이제 Vue.js를 이용해 강력하고 인터랙티브한 사용자 인터페이스를 구축하는 여정을 시작하세요. 이 강의에서는 HTTP 통신의 기본부터 JWT를 활용한 인증, 그리고 Vue.js의 구조 설명에 이르기까지 포괄적인 개발 스킬을 제공합니다. 학습한 내용을 바탕으로 한 실습을 통해 여러분의 애플리케이션을 실제 상황에 맞게 구성해볼 수 있을 것입니다. Vue.js의 세계로 여러분을 초대합니다!



교육목표

본 과정을 통해 개발자들은 Vue.js를 사용하여 컴포넌트 기반의 인터페이스를 설계하고 구축하는 데 필요한 실무 지식과 기술을 갖추게 됩니다.



강의내용

[Chapter 1: HTTP 통신 이해하기]
· 학습 목표:
웹 통신의 기초인 HTTP를 이해합니다.
· 주요 내용:
1. 웹 통신의 핵심인 HTTP 개념 설명
2. HTTP 통신 방식 이해하기
3. 다양한 HTTP 상태코드 학습 및 적용

[Chapter 2: JWT를 이용한 사용자 인증]
· 학습 목표:
안전한 웹 애플리케이션을 위한 JWT 인증 메커니즘을 적용합니다.
· 주요 내용:
1. JWT 인증 방식 설명
2. JWT 토큰 생성 및 관리 방법
3. JWT 토큰을 이용한 인증 프로세스 구현

[Chapter 3: Vue.js 구조 파악하기]
· 학습 목표:
Vue.js의 구조 및 컴포넌트 기반 개발을 이해합니다.
· 주요 내용:
1. 프론트엔드 개발 흐름 이해하기
2. 프로젝트 관리 파일 package.json 설명
3. Vue.js 프로젝트 구조와 주요 구성 요소 파악

[Chapter 4: API 설계와 문서화]
· 학습 목표:
효율적인 API 설계 및 관리를 합니다.
· 주요 내용:
1. 백엔드와의 연동을 위한 API 설계 원칙 이해
2. 명확한 API 문서화 방법
3. RESTful API 설계 실습

[Chapter 5: 컴포넌트 기반 개발]
· 학습 목표:
재사용 가능한 Vue.js 컴포넌트 설계 및 개발을 합니다.
· 주요 내용:
1. 공통으로 사용되는 컴포넌트 설계 방법
2. 사용자 인터페이스 구성을 위한 컴포넌트 설계
3. 상황에 맞는 컴포넌트 개발 실습

[Chapter 6: 개발 환경 설정과 도구]
· 학습 목표:
Vue.js 개발을 위한 환경 설정과 도구를 숙지합니다.
· 주요 내용:
1. 개발 환경과 필요 도구 설치 방법(VS Code, Docker 등)
2. 데이터베이스 관리를 위한 MySQL Workbench
3. Node.js 백엔드 설정 및 API 테스팅 도구(Postman)

[Chapter 7: 실습으로 마스터하는 Vue.js]
· 학습 목표:
실제 프로젝트에 Vue.js를 적용합니다.
· 주요 내용:
1. 실습을 통한 초기 환경 설정 방법
2. API 연동과 함께 하는 컴포넌트 개발
3. 실제 예시 프로젝트를 통한 실습 진행

[Chapter 8: 상태 관리 패턴과 Vuex]
· 학습 목표:
Vuex를 활용한 상태 관리와 패턴을 이해합니다.
· 주요 내용:
1. Vuex를 이용한 상태 관리의 기본 개념 설명
2. 실제 애플리케이션에 Vuex 적용 방법
3. 상태 관리를 위한 심화 개념 및 실습