프론트앤드

웹 페이지 개발의 기초인 HTML, CSS, Jascript, jQuery부터 반응형 웹 앱 개발, js 프레임워크 활용에 대한 강의를 제공합니다.

재직자 국비교육

  • 강의안내
  • 교육내용
  • 교육문의
  • 교육후기
과정명 자바스크립트 프레임워크(React.js, Vue.js) 향상과정
교육기간 2024년 5월 23일(목) ~ 6월 12일(수) 11일 총 32시간 (평일야간)
접수기간 2024년 5월 22일(수) 까지 / 선착순 마감
교육시간 19:00 ~ 22:00
교육비
350,000원
  
200,000원
모집정원 10명
문의처 email : oraclejava@oraclejava.co.kr / tel : 02 - 6925- 4760
교재 본원 자체교재 무료제공
수강료 입금안내 계좌이체 : 국민은행 064601 - 04 - 080737 / 예금주 : 지스펙주식회사
카드결제 : 온라인 또는 오프라인으로 카드 결제
알림 * 매주 금요일 휴강.
* 국경일 휴강.

[공지알림] 본 과정은 노동부 비적용 일반과정 입니다.
4/1일부터 한시적으로 이벤트 적용되어 본인자부담금 20만원입니다.
수강료 할인

- 최대 50% 지원(과정별로 상이)

추가 할인

- 친구나 동료와 함께하면 추가 10% 할인

이벤트

- 추가 스타벅스 이벤트

무료제공

- 자체교재 무료제공

교육비 지원

교육생유형 수강료 이벤트가
일반

350,000원

200,000원

수강절차
  • 교육내용 확인
  • 해당 교육 상단 환급 or 비환급 체크, 지원하기 클릭
  • 정보마당서류다운로드 클릭
  • - 근로자 카드 지원 시 : 개인신청 서류 및 개인정보 활용 동의서 다운로드 후 작성 - 사업주 환급 지원 시 : 회사환급 훈련위탁계약서 및 개인정보 활용 동의서 다운로드 후 작성
  • 작성 후
  • E-mail : oraclejava@oraclejava.co.kr Fax : 0505-476-4760 제출
  • 온라인카드 결제 시 : ‘마이페이지’ 온라인 결제 혹은 계좌이체
  • 오프라인 결제 시 : 본원 내방하여 카드 혹은 현금 결제
  • 결제 및 서류는 해당 강의 시작 2일전 까지 완료해야함(늦을경우에는 환급 대상 신고가 되지 않습니다)
  • 개강 일자, 시간, 내용 확인 후 교육 참석
  • - 근로자 카드로 신청 시 결제하신 카드 수업 첫 날 소지 - 고용보험료 미납/체납 시 환급 되지 않을 수 있음
교육대상 - 프론트앤드 개발을 담당하는 개발자
- 프론트앤드 개발을 해보고 싶은 디자이너
- 프론트앤드 개발자로 전향하고픈 퍼블리셔
- 초보 웹 개발자
선수학습 - HTML, CSS 등 기초 웹 언어
- JavaScript 기초
강좌명 자바스크립트 프레임워크(React.js, Vue.js) 향상과정
교육목표 - 자바스크립트 언어를 활용하여 설계서를 기반으로 애플리케이션을 작성하고 오류 식별 및 수정을 할 수 있다.
- 자바스크립트 언어의 라이브러리를 이해하고 활용할 수 있다.
- 자바스크립트 프레임워크(React.Js, Vue.Js)를 활용하여 화면을 구현할 수 있다.
교육개요 프론트앤드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여 다양한 화면에서 적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.
REACT.JS * 모던 자바스크립트 기본
- DOM과 가상 DOM
- 패키지 매니저(npm, yarn)
- ECMAScript
- const, let
- 템플릿 문자열
- 화살표 함수 () => {}
- 분할대입 {} []
- 스플릿 구문 …
- 객체 생략 기법
- map, filter
- 삼항 연산자

* react 기본
- JSX 표기법
- 컴포넌트 사용법
- 이벤트와 스타일
- Props
- State(useState)
- 재렌더링과 부작용(useEffect)
- export의 종류

* CSS 처리
- inline 스타일
- CSS 모듈
- Styled JSX
- styled components

* 전역 State 관리
- 전역 State 관리(Context에서)
- 기타 전역 State 관리

* React와 TypeScript
- TypeScript 기본
- API로 취득할 데이터의 타입 정의
- Props의 타입 정의
- 타입정의 관리방법
- 컴포넌트의 타입 정의
- 생략가능한 타입 정의
- 옵셔널 체이닝
- 라이브러리의 타입 정의
VUE.JS - Vue.js 설치
- Vue.js devtools 설치
- Todo 앱 기능
- data 상태 정의
- 템플릿 구문과 데이터 표시
- 라이프 사이클
- v-model을 사용하여 폼 처리
- 컴포넌트
- 자식 컴포넌트와 통신(props)
- 자식 컴포넌트와 통신($emit)
- transition을 사용한 애니메이션
게시판 작성 * 자바스크립트 프레임워크를 활용한 게시판 구현 실습

강사프로필

강사님 K00 강사님
프로젝트 경력사항
- 삼성전기 웹개발_퍼블리싱&프론트앤드 개발 - 삼성 디자인/퍼를리싱/프론트앤드 개발 - 삼성 회사생활가이드 웹 퍼블리싱 개발 - 삼성녹스포탈 UI-UX 웹퍼블리싱 개발 - LGSW 모바일 웹퍼블리싱 개발 - 공공기관 솔루션프로그램 개발 / UI-UX 개발 - 기업은행 ATM 퍼블리싱 * 프론트앤드 개발 - 공공기관 CDMA 계측장비 개발 - 기업은행 스마트뱅킹 프로젝트 수행 - 드림손해사정 웹사이트 구축 강의경력 - 캠퍼스디자인직업전문학교 : NCS과정 스마트웹컨텐츠 UI/UX 강의 - 한국직업전문학교 : 자바 빅데이터과정 / 프론트 웹퍼블리싱 강의 - 하이미디어컴퓨터학원 : UI/UX 디지털컨버전스 강의 - 수원연세직업전문학교 : 웹영상 컨텐츠 강의 : 스마트컨텐츠 UI/UX 웹개발 강의 - 그린컴퓨터아트학원 : 웹표준 및 웹접근성 강의 -한국광전자산업전문인협회 : 청년취업아카데미 광통신융합 LED과정 강의 - 서울디지털직업학교 : PC/네트워크/디자인 강의 - 미주직업전문학교 : 정보통신시스템 강의 - 이젠아카데미 : 자바안드로이드 API구현과정 강의 - 현 오라클자바교육센터 재직자 직무향상 강의 진행중 : JAVA/JDBC/Servlet/JSP/Ajax/jQuery/Spring/JPA 강의 - 현 오라클자바교육센터 KDT 빅데이터 융합 자바&파이썬 인공지능(AI) 풀스택 개발자 양성과정 취업훈련 강의 진행중..
전문분야
- QA 한글,엑셀,파워포인트 활용가능 - 다지인툴: 일러스트,인디자인,피그마,채플린,XD 활용가능 - 웹프로그래밍: HTML5,CSS,JavaScript,JQuery, AJAX 활용가능 - 프론트앤드: node.js,REACT.JS,VUE.JS 활용가능 - 백앤드: java, php, jsp, c,c++, C#, Spring Framework, MYBATIS, HIBERNATE, SPRING DATA JPA 등 활용가능 - 데이터베이스: DBMS, Oracle SQL, my-SQL 활용가능 - 그외 다수 활용가능
  • @
  1. 프론트앤드 기초 입문과정 수강 후기입니다.

    개발의 기초단계를 배울 수 있는 프론트앤드부터 시작을 하니, 개발에 재미도 붙고 실제로도 같이 해보니 더 재밌었던 것 같습니다. 선생님께서 설명도 쉽게 해주시고, 중간에 질문이 있어 질문하면 바로 대답도 해주시고 잘못된 부분도 바로 잡아주십니다. 다음 강좌가 있다면 찾아서 등록하고 싶습니다.

  2. 자바스크립트 프레임워크(React.js, Vue.js) 향상과정(2023-11-27 ~ 2023-11-30) 후기

    자바스크립트 프레임워크(React.js, Vue.js) 향상과정(2023-11-27 ~ 2023-11-30) React.js, Vue.js를 처음 배우시는분들께 추천 드리고 강사님이 친절하게 알려주셔서 수료할 수 있었습니다.

  3. 알찬강의 감사합니다.

    새로운 방식이라고 생각하여 어렵게 생각하였는데 react, vue 프레임워크의 개념을 잡는데 큰 도움이 되었습니다. 4일동안 고생해주신 강사님께 감사드립니다.

  4. 아주 유익했습니다.

    HTML/CSS 관련하여 개념정리가 안되었는데 많은 도움이 되었습니다.

  5. 그동안 고생 많으셨습니다.

    그동안 진행해주신 강의 많은 도움이 되었습니다. 저는 리액트보단 뷰에 관심이 좀 많았었는데요. 초기 허들이 독학으로 잘 진행이 안되었었다보니 많은 도움이 되었습니다. 너무 고생 많으셨습니다. 감사합니다.!! 항상 건강하세요.

  1. HRD 수강평
  2. HRD 수강평