과정 소개
제작: 2025년 09월
본 강좌는 vue.js 프레임워크를 이해하기 위한 기초 강좌로 기획되었으며, 초보자들을 위한 vue.js 프레임워크를 통한 프론트엔드 기술에 대해 알리고자 함.
강의 대상
초보자들을 위한 vue.js 프레임워크 기술을 습득할 수 있다.
강의 목표
vue.js 프레임워크 기술에 기초지식을 습득하고자하는 학습자
학습 내용
- 섹션 1
- 자바스크립트 프론트엔드 개발 프레임 워크 발전 과정과 최신동향
- Vue.js의 개발 환경 구축
- 데이터표시하기(v-text)
- 데이터표시하기2-예제
- 섹션 2
- 속성 지정하기1(v-bind)
- 속성 지정하기2(v-bind)
- 입력폼을 데이터와 연결하기1(v-model)
- 입력폼을 데이터와 연결하기2(v-model)
- 섹션 3
- 이벤트와 연결하기(v-on)
- 조건과 연결하기(v-if)
- 조건과 연결하기2(v-show)
- 반복표시하기1(v-for)
- 섹션 4
- 반복표시하기2(v-for)
- 반복표시하기3(v-for)
- 자바스크립트 라이브러리와 연동하기
- 데이터 산출(computed)
- 섹션 5
- 데이터 산출(computed) 예제1
- 데이터 산출(computed) 예제2
- 데이터의 변화 감지
- 애니메이션 효과1
과정 후기