이젠컴퓨터아카데미 안산교육센터 - React.js 프론트엔드개발

React.js 프론트엔드개발

1차 개강일
24년 07월 30일(화)
2차 개강일
24년 08월 13일(화)
  • React.js
  • 프론트엔드개발
  • 프레임워크
  • 자바스크립트
  • 라이브러리
교육기간
정규 2개월 직장인/초보자/취준생
수강료

직장인·취업준비생
60% ~ 최대100% 지원

취업분야
스타트업, 소프트웨어개발/서비스, IT/인공지능, 앱/웹서비스, 커머스,
온라인플랫폼, 온라인쇼핑몰, 온라인커머스, 프론트/풀스택개발자 등

지금 신청하면 모든 온라인강의0원이라고?

간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원

2개월 프리패스 제공
0원 강의
안내받기

자바스크립트를 이용해서 애플리케이션을
만들 수 있는 입문자를 위한 리액트!
React.js 프론트엔드 어떤 수업일까?

UI 컴포넌트 개발에 대한 새로운 관점으로 주목받고 있는 리액트(React)는
프론트엔드 개발자가 되기 위해 꼭 알아야 할 필수 요소로 자리 잡고 있습니다.
자바스크립트 프레임 워크의 혁신 리액트!
Start now

React.js - Front-end

  1. 페이스북에서 개발된 오픈소스
  2. 개발 트렌드인 자바스크립트를 이용한 앱 개발
  3. 안드로이드와 IOS 앱을 동시에 개발

안드로이드앱과 아이폰앱을 한번에
리액트 기초부터 트렌디한
서비스 클론 코딩까지 이해를
도울 수 있도록 교육합니다.

리액트 완성형 라이브러리 / 프레임워크를
배우고 실무 활용도를 높일 수 있습니다.
  • 싱글 페이지 애플리케이션 : 하나의 HTML 페이지와 애플리케이션 실행에 필요한 JavaScript와 CSS 같은 모든 자산을 로드하는 애플리케이션
  • JSX : javaScript의 확장 문법
  • 제어 컴포넌트 : React에 의해 입력 값이 제어되는 엘리먼트
  • 리액트 관련 라이브러리 / 프레임 워크 관련 스택학습 진행
  • UI 컴포넌트 와 라이브러리로 가장 많이 사용하는 기능을 구현
  • 현장 경력이 풍부한 강사님의 노하우를 그대로 전달합니다.
  • 자주 사용하는 기초 자바 문법을 기초부터 실전까지 쉽게 교육합니다.
  • 논리적인 사고방식을 키우는 문법 교육을 합니다.

React.js을 통한 활용예시

  • UI/UX 사용자에 맞는 편리한 인터페이스 제작
  • 반응형 홈페이지 접속기기에 맞춰 사이트를 최적화하여 보여줌
  • 프론트/백엔드 개발 사용자에게 보여지는 화면 및 데이터를 관리하는 개발
  • 앱(애플리케이션) 마크주커버그가 만든 SNS의 한 종류(리액트 기반)

React Virtual DOM

리액트(React)는 복잡한 상태변화를
관리해주는 상태 시스템으로 가상 DOM을 이용해서
불필요한 것들을 걷어내고 최소한의 처리로
컴포넌트를 렌더링하는 강력한 시스템

가지고 있습니다.

당신만의 특별한 프로젝트가 완성됩니다.

  • IT·Programming웹서비스
    풀스택 개발자
    발표회 및 수료식

    웹서비스 풀스택 개발자(자바,파이썬,AI챗봇)
    수료를 축하드립니다.

    수강생 만족도
    4.5/5
    자세히 보기
  • IT·Programming자바(JAVA) 웹 개발
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바 웹개발 프로그래밍 27기
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • IT·Programming자바 안드로이드
    웹&앱 개발자
    발표회 및 수료식

    자바 안드로이드 웹&앱 개발자 22기
    수료를 축하드립니다.

    수강생 만족도
    4.5/5
    자세히 보기
  • IT·Programming자바(JAVA) 웹프로그래밍
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바(JAVA) 웹프로그래밍 21기
    수료를 축하드립니다.

    수강생 만족도
    4.4/5
    자세히 보기
  • IT·ProgrammingAI인공지능활용
    소프트웨어개발
    발표회 및 수료식

    AI인공지능활용 소프트웨어 개발 23기
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
React

입문자도 React.js 통해
사용자 인터페이스를 만들고
View를 개발하는 전문가로
성장합니다.

React.js의 라이브러리 기능을 통한 실무에서 적용 가능한
스택의 기능을 사용할 수 있도록 교육합니다.

관련 자격증 취득이 가능합니다.

  • 데이터분석 준전문가(ADsP)Advanced Data Analytics Semi-Professional

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 정보처리산업기사/기사Industrial Engineer/Engineer Information Processing

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 국가기술 빅데이터 분석기사National Science and Technology Big Data Analysis Article

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 국가공인 SQL 개발자Structured Query Language Developer

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기

선배에게 들어요!

초급자나 비전공자가
수업듣기에 난이도가
적절할까요?
비전공자 및 초급자도 가능합니다.
하지만 프로그래밍 난이도가 아무래도 있다보니
사전에 선행할수 있는 컨텐츠를 제공드리니,
부담없이 교육을 받을수 있도록 도와드립니다.
사물인터넷 관리자가
하는 업무가 궁금합니다.
다양한 IOT 기기를 개발하고,
모니터링등 각종 관리업무를 병행합니다.
교육수료 후 추가준비없이
취업이 바로 가능할까요?
수업에서 조별로 실무 프로젝트를 진행하기에 현장에서도 바로 응용가능합니다. 또한 현장에서처럼 협업하는 방식으로 수업을 진행하기에, 바로 업무가 가능할 정도의 실력향상을 보장해 드립니다.
스마트공장 관리자가 하는
업무가 궁금합니다.
공장 내 각종 설비 및 IOT을 설치하여 공정 데이터를 실시간으로 수집하고, 인공지능을 활용 이를 분석해 스스로 제어할 수 는 있는, 스마트 공장 내에서의 전체적인 관리업무를 맡게 됩니다.

수강후기

  • 인천 풀스택
    - 서○율

    변서은 쌤에게 배웠는데 하나하나 친절하게 알려주셔서 처음 배우는 과정이였지만 덕분에 잘 따라 갈 수 있었습니다

  • 인천점 풀스택 과정 후기
    - 고○하

    웹개발자 과정을 찾던 중 풀스택 과정을 추천 받아서 수업을 듣게 되었습니다. 변서은 선생님께서 친절하게 차근차근 알려주시고 자료 제공도 해주셔서 배우는 데 무리없이 과정을 잘 들을 수 있었습니다. 감사합니다

  • 인천 풀스택 개발 후기
    - 정○희

    5-6개월 정도 변서은 선생님께 수업을 들었는데 이해하기 쉽게 수업해주시고 너무 친절하십니다!

  • 인천캠퍼스 풀스택 과정
    - 박○은

    웹 퍼블까지 배우고 회사를 다니던 중 개발자 분야에 관심이 생겨서 찾던 중 풀스택 과정을 알게 되었고 주변 친구들의 추천을 받아 다니게 되었습니다. 변서은 강사님이 친절하게 차근차근 알려주셔서 심화과정이지만 잘 적응 할 수 있었던 것 같습니다!

  • 인천점 풀스택
    - 김○규

    변서은 쌤에게 배웠는데 항상 친절하시고 재미있고 배우기 쉽게 수업해주셔서 감사해요 덕분에 잘 마칠 수 있었습니다!

  • 인천캠퍼스 풀스택
    - 김○국

    더 나은 회사로 이직하고 싶어서 풀스택 과정을 변서은 강사님께 배웠습니다. 기존에 배운 것보다 어려운 과정이여서 힘들었지만 강사님께서 친절하게 알려주시고 실무적인 부분도 많이 알 수 있어서 이직 해서 적용하고 적응하기 수월할 것 같습니다 감사합니다 :)

  • 인천캠퍼스 풀스택 후기
    - 강○기

    변서은 쌤이 항상 친절하게 알려주셔서 재밌게 수업 들을 수 있었습니다 풀스택 과정을 듣고 싶으신 분들은 추천합니다!

  • 인천캠퍼스 풀스택
    - 이○은

    처음에는 디자인에 관심이 있어서 상담 받게 되었는데 멀리 봤을때 개발파트까지 전체적으로 배우는 것이 도움이 될 것같아서 과정을 듣게 되었고 변서은 강사님이 친절하게 하나하나 알려주셔서 큰 어려움없이 수료를 하게 된 것같아요~ 수업 잘 마칠 수 있게 도와주셔서 감사합니다:)

  • 인천점 풀스택
    - 이○지

    인천점에서 변서은쌤에게 수업을 들었고 친구한테 후기 듣고 들었던 수업이였는데 수업에 잘 적응 할 수 있도록 도와주셔서 좋았습니다.

  • 인천캠퍼스 풀스택 웹개발자
    - 이○은

    기존에는 웹디 쪽에서 근무를 했었는데 좀 더 심화된 과정을 배우고 이직 하고싶어서 수강하게되었습니다. 변서은 선생님께서 꼼꼼히 알려주시고 모르는 부분은 친절하게 알려주셔서 수업듣는 기간동안 재미있게 들었던것같아요! 이직해서도 실무에서 많이 적용 할 수 있을 것 같아서 좋은 수업이였습니다! 감사합니다!!

커리큘럼

  1. 1

    React 입문

    • React 기본 사용
    • React&JSX
    • Virtual DOM
  2. 2

    컴포넌트

    • 컴포넌트 입력 폼
    • 클래스형 컴포넌트
    • 컴포넌트 연동
    • Props
    • State
    • DOM 접근 및 Ajax 통신
  3. 3

    이벤트 핸들링

    • 리액트의 이벤트 시스템 이해
    • 함수형 컴포넌트 작성
  4. 4

    컴포넌트 반복

    • map 함수
    • key 사용
  5. 5

    컴포넌트 라이프 사이클

    • 컴포넌트 라이프 사이클 이해
    • 컴포넌트 라이프 사이클 메서드 사용하기
  6. 6

    컴포넌트 스타일링

    • CSS 스타일링
    • 반응형 디자인
 
 

React.js 프론트엔드개발

카톡상담 07.30(화)
전화문의안산
031)502-2631

직장인교육문의

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 031)502-2631
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.