프론트앤드

웹 페이지 개발의 기초인 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. 좋은 강의 감사합니다.

    프론트엔드의 기초인 html부터 jQuery까지 입문용으로 강의해주셔서 복습이 잘 되었던 것 같습니다. 좋은 강의 감사합니다.

  3. 예상과 달랐지만 들어볼만함.

    모든 교육이 마찬가지 이지만 시간이 항상 부족한 듯.... 밥 먹는 시간도 부족하고...(이건 개인적인 부분이니 넘기고요) 그래도 강사님께서 더 가르쳐 주시려고 노력하셔서 좋은 평점 드립니다.

  4. 고생하셨습니다.

    잘 배우고 갑니다 감사합니다!

  5. 프론트개발을 위한 웹퍼블리싱 초급과정 수업

    선생님 컴퓨터가 자주 오류나는거외에는 좋았어요

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