재직자 단기과정_프론트엔드 초보자를 위한 자바스크립트 프레임워크(Nodejs, React.js, Vue.js) 국비교육훈련 과정

[정민이]

프론트엔드 초보자를 위한 자바스크립트 프레임워크(Nodejs, React.js, Vue.js) 실무향상 과정

본 과정에서는 NodeJS기반의 웹 애플리케이션을 개발하면서, MERN+V(Node.js, Express, Mysql, React, Vue.js)를 활용하여 게시판을 작성하는 과정입니다.
프론트엔드/백엔드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여 다양한 화면에서 
적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.

또한 실제 게시판을 작성하면서 강의를 진행하므로, 실무 수준의 웹 애플리케이션 구축 기법도 배울 수 있습니다.


◆ 교육개강 - 주간반:2월13일~2월21일(7일)총56시간 
◆ 교육과정 - 프론트앤드 개발자를 위한 실무 향상과정(React,Angularjs,Vue.js)
               - 국비지원교육 사업주환급/능력개발카드적용
◆ 교육강의시간 -주간반:09:30~18:30 

◆대 표 :02-6925-4760
주중반커리: https://oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=4151



교육목표
- Node.js, Express, Mysql을 사용하여 서버를 구축할 수 있다.
- ES6용 자바스크립트 문법을 배울 수 있다.
- SQL 쿼리문의 기초를 배울 수 있다.
- 자바스크립트 언어를 활용하여 설계서를 기반으로 애플리케이션을 작성하고 오류 식별 및 수정을 할 수 있다.- 자바스크립트 언어의 라이브러리를 이해하고 활용할 수 있다.
- 자바스크립트 프레임워크(React.Js, Vue.Js)를 활용하여 화면을 구현할 수 있다.
- Nodejs, React, Vue.js 로 게시판을 만들 수 있다.


교육대상
- 프론트 개발자
- 앱 개발자
- 초보 웹 개발자 



교육과정

모던 자바스크립트 기본
- 개발환경 설치(NodeJS, VS Code, MySql Community, DBeaver Community)
- DOM과 가상 DOM 
- 패키지 매니저(npm, yarn) 
- ECMAScript
- const, let 
- 템플릿 문자열 
- 화살표 함수 () => {} 
- 분할대입 {} [] 
- 스플릿 구문 … 
- 객체 생략 기법 
- map, filter 
- 삼항 연산자


My-SQL
- SELECT문
- 데이터의 변경을 위한 SQL문
- MySQL의 데이터 형식 
- MySQL의 내장 함수와 윈도 함수
- 조인
- 테이블
- 뷰
- 스토어드 프로시저
- 스토어드 함수


NodeJS
- NodeJS의 특징
- 스크립트의 기본
- EJS 엔진 사용
- POST 송신
- Express 도입


React
- JSX 표기법 
- 컴포넌트 사용법 
- 이벤트와 스타일 
- Props 
- State(useState) 
- 재렌더링과 부작용(useEffect) 
- export의 종류
- inline 스타일
- CSS 모듈 
- Styled JSX 
- styled components
- 전역 State 관리(Context에서) 
- 기타 전역 State 관리


Vue.Js
- Vue.js 설치 
- Vue.js devtools 설치 
- Todo 앱 기능 
- data 상태 정의
- 템플릿 구문과 데이터 표시 
- 라이프 사이클 
- v-model을 사용하여 폼 처리 
- 컴포넌트 
- 자식 컴포넌트와 통신(props) 
- 자식 컴포넌트와 통신($emit) 
- transition을 사용한 애니메이션


프로젝트
- MERN(MySQL, Express, React, NodeJS)를 활용한 게시판 구현 실습
- MEVN(MySQL, Express, Vue.JS, NodeJS)를 활용한 게시판 구현 실습