재직자 단기교육 국비훈련_자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)

[정민이]

자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)

프론트앤드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여 
다양한 화면에서 적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.



◆ 교육개강 - 주간반:3월5일~3월8일(5일)총32시간 
◆ 교육과정 - 자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)
            - 실업자,재직자 국비지원 및 사업주환급 적용
◆ 교육강의시간 -:09:30~17:00 

◆대 표 :02-6925-4760
상세내용: https://www.oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=4021&lp_type=G



교육목표
- 자바스크립트 언어를 활용하여 설계서를 기반으로 애플리케이션을 작성하고 오류 식별 및 수정을 할 수 있다. 
- 자바스크립트 언어의 라이브러리를 이해하고 활용할 수 있다.
- 자바스크립트 프레임워크(React.Js, Vue.Js)를 활용하여 화면을 구현할 수 있다.


교육대상
- 프론트앤드 개발을 담당하는 개발자
- 프론트앤드 개발을 해보고 싶은 디자이너
- 프론트앤드 개발자로 전향하고픈 퍼블리셔 
- 초보 웹 개발자 


교육과정

React.Js 
* React 입문
- React 기본 사용
- React&JSX
- Vitual DOM

* 컴포넌트
- 컴포넌트 입력 폼
- 클래스형 컴포넌트
- 컴포넌트 연동
- Props
- State
- DOM 접근 및 Ajax 통신

* 이벤트 핸들링
- 리액트의 이벤트 시스템 이해
- 함수형 컴포넌트 작성

* 컴포넌트 반복
- map 함수
- key 사용

* 컴포넌트 라이프 사이클
- 컴포넌트 라이프 사이클 이해
- 컴포넌트 라이프 사이클 메서드 사용하기

*컴포넌트 스타일링
- CSS 스타일링
- 반응형 디자인

Vue.Js 
* Vue.js 
- 설치 / 설정
- 데이터 표시
- 속성 지정

* 사용자 입력
-사용자 입력 연결
- 사용자 이벤트 연결

* 디렉티브
- v-show
- v-if
- v-for

* ToDo List만들기
- 임시 데이터로 Todo 리스트 표시
- 추가 / 삭제 하기
- 컴포넌트로 정리하기

* Json 데이터 다루기
- Json 파일을 읽어들이기
- Json 파일을 읽어들여 컴포넌트로 연결


게시판 작성 
* 자바스크립트 프레임워크를 활용한 게시판 구현 실습