프론트앤드

웹 페이지 개발의 기초인 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. 프론트앤드 기초 입문 과정 수강 후기!

    설명도 친절하게 해주시고 기초적인 것부터 잘 알려주셔서 이해가 쉬웠습니다 감사합니다~

  2. 매우 만족하고있습니다.

    다른 과정도 여기서 수강할 예정입니다.

  3. 프론트엔드 html5, css, javascript 과정

    매 과목별 실습위주의 수업으로 진행 되어, 이해가 잘 되었고, 강의 내용 또한 알차게 진행 되었습니다.

  4. 강의 잘 들었습니다. 감사합니다.

    길지 않은 시간에 알차고 유익한 강의 진행해주셔서 감사합니다. 나중에 다른 강의로 다시 뵀으면 좋겠습니다. 고생하셨습니다.

  5. 최고의 강의 !!!!

    교육생들 다 실무자들이라 강의 진도도 쭉쭉 나가고 재밌었습니다. vue와 react 둘 다 재밌어요

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