프론트앤드

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

재직자 국비교육

  • 강의안내
  • 교육내용
  • 교육문의
  • 교육후기
과정명 자바스크립트 프레임워크(React.js, Vue.js) 향상과정
교육기간 2024년 5월 25일(토) ~ 6월 2일(일) 4일 총 32시간 (주말주간(토/일))
접수기간 2024년 5월 24일(금) 까지 / 선착순 마감
교육시간 09:30 ~ 18:30
교육비
350,000원
  
250,000원
모집정원 10명
문의처 email : oraclejava@oraclejava.co.kr / tel : 02 - 6925- 4760
교재 본원 자체교재 무료제공
수강료 입금안내 계좌이체 : 국민은행 064601 - 04 - 080737 / 예금주 : 지스펙주식회사
카드결제 : 온라인 또는 오프라인으로 카드 결제
알림 [공지알림] 본 과정은 노동부 비적용 일반과정 입니다.
4/1일부터 한시적으로 이벤트 적용되어 본인자부담금 25만원입니다.
수강료 할인

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

추가 할인

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

이벤트

- 추가 스타벅스 이벤트

무료제공

- 자체교재 무료제공

교육비 지원

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

350,000원

250,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. vue & React 교육

    둘다 배우는것에 너무 좋았습니다. 짧은 시간 이였지만 그래도 많이 배운거 같아서 기분이 좋습니다. 조금더 긴 시간으로 강의가 생긴다면, 다시 받고 싶네여. 유익한 시간 이였습니다. 임형구 선생님 고생 많으셧습니다. 다음에도 선생님에게 배움을 받고 싶네여~ 감사합니다.

  2. 프로젝트 투입전 react, vue 4일만에 개념 완벽 이해했습니다.

    2일에 한개씩 react, vue 둘다 자신감이 생겼네요 :) 감사합니다. 수고하셨습니다.

  3. 자바스크립트 프레임워크 프론트앤드 개발과정

    react.js와 Vue.js과정을 막힘없어 기초부터 잘 설명해주셔서 이해하는데 어려움이 없었습니다. 관련강의가 있으면 좀 더 들어보고 싶어요. 감사합니다.

  4. react, vue 개발과정 수강

    기초와 실무 설명과 수업 내용과 예제등 수업 모두 많은 도움이 되었습니다. 임형구 강사님 고생많으셨고 수업 너무 좋앗습니다.

  5. 기초부터 차근차근

    html, css, js 기초부터 가르쳐주시기 때문에 초보분들이 신청하시면 좋을꺼 같습니다.

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