강남 이젠아카데미컴퓨터학원 - React.js 프론트엔드개발

React.js 프론트엔드개발

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

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

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

자바스크립트를 이용해서 애플리케이션을
만들 수 있는 입문자를 위한 리액트!
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자바(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
    자세히 보기
  • IT·ProgrammingOpenAPI활용 자바
    안드로이드 웹&앱 개발
    발표회 및 수료식

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

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

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

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

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

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

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

    자세히 보기
  • 데이터분석 준전문가(ADsP)Advanced Data Analytics Semi-Professional

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

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

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

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

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

    자세히 보기

선배에게 들어요!

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

수강후기

  • 안녕하세요 :) 안상현강사님!
    - x○x

    짧은 기간이었지만 새로운 경험이었고 너무 도움이 되었습니다! 코딩하면 너무 딱딱하고 차갑고 어려운 이미지였는데, 이번 수업으로 코딩에 대한 생각이 바뀌었습니다 ㅎㅎ 일 때문에 어쩔 수 없이 시작한거였는데 생각보다 직접해보니, 너무 재밌어서 좀 더 배워보고싶은 생각이 들게 만드는 수업이었어요. 어렵기만 할 것 같은 내용을 이해하기 쉽게 맞춰주셔서 감사합니다! 정말 기억에 오래남는 수업이 될 것 같아요!!

  • 안상현강사님 수강후기입니다.
    - 전○정

    안녕하세요 html/css 과정을 수강한 전연정입니다. UI UX 공부를하며 필요하다고 느껴져서 처음에는 반 강제적으로 수강하게 되었습니다. 제가 완전 문과체질이라 걱정이 정말 많이 되었고 코딩을 배운다는 것 자체가 엄청 큰 부담으로 다가왔습니다. 그러나 강사님의 명쾌한 강의 덕분에 비전공자도 쉽고 재미있게 따라갈 수 있었습니다. 제가 이런것도 할 수 있게 되다니 덕분에 제가 한층 더 성장한 느낌으로 뿌듯한 기분이 들고 자신감도 생겼습니다. 강의 준비에도 진심이신 것 같으시고, 삶을 살아가는 방식 자체가 열정이 넘치시고 끊임없이 성장하려는 모습을 보며 어떤 마음가짐으로 삶을 살아가야 할 지 다시 한 번 생각해보는 것도 제가 이 강의에서 부가적으로 얻어가는 부분인 것 같습니다. 항상 잘되시길 진심으로 기원드립니다.

  • 안상현 강사님 UXUI(HTML,CSS) 과정 후기입니다.
    - 원○원

    전혀 다른 업종의 일을 하며 교육을 받아 막막하지 않을까 생각했는데, 태그의 뜻과 사용하는 의미를 잘 비유하여 설명해주셔서 이해하기 쉬웠습니다. 코드를 작성할 때도 작성할 수 있는 시간을 주셔서 생각해보고 좋은 답을 알려주셔서 좋았고, 특히 톡방으로 내용을 공유해주셔서 어디서든 복습할 수 있어서 특히 좋았습니다. 훌륭한 가르침 감사합니다.

  • 강남 이젠 html/css 안상현 강사님 수강후기
    - 김○오

    대학교 복수전공/교환학생을 코딩 융합 관련으로 시도하고 싶어서 코딩 언어들을 알아보다가 홈페이지 제작이 재밌어보여서 시작하게 된 html/css 수업인데, 개인적으로 지금껏 들었던 컴퓨터 수업을 통틀어서 가장 성취감도 오르고 즐거웠던 수업이었던 것 같습니다. 아직 부족한 디자인 감각과 실력 때문에 실무에 가까운 홈페이지 제작을 하는 것은 쉽지 않겠지만, 수업 덕분에 선생님께 배운 내용들을 토대로 혼자 이것저것 시도해보는 발판이 될 것 같아요. 13번이라는 짧다면 짧은 수업 시간동안 많은 내용들을 너무 잘 알려주셔서 감사했고, 이 내용들을 꼭 복습하고 간직했다가 학교생활/교환학교 생활에서도 잘 써먹을 수 있을 것 같습니다. 당장 다음 수업은 함께할 수 없겠지만 혼자 html/css 깔짝거리면서 만져보다가 어려운 점이 있으면 꼭 찾아뵙겠습니다, 감사합니다!

  • 선생님, 안녕하세요.
    - N○D

    안상현 강사님, 안녕하세요. 매일 수업 시간마다 빠르게 못 따라간 부분도 많은데 그래도 계속 듣고 수업 듣고 해서 많이 배우게 되었습니다. 항상 한사람한사람 친절하게 설명해 주셔서 너무 감사합니다. 중간중간 농담도 재미있었습니다 ㅎㅎ 쌤 흐흐 강아지 사랑 ㅎㅎ 벌써 마지막 수업이라니 아쉽지만, 쌤말대로 마무리도 잘하고 좋은 시작으로 다시 만나요 쌤 감사합니다.

  • 자바스크립트 이젠 강남 수강후기
    - 강○현

    안상현 강사님께 바닐라 자바스크립트 주말반 수업 들었습니다! 처음에는 좀 어려웠는데 강사님께서 하나하나 자세하게 설명해주셨습니다. 두달동안 감사했습니다!

  • 안상현 강사님 수강후기
    - 김○

    이해하기 쉽게 하나하나 자세히 설명해주셔서 어려웠던 부분에 대한 이해가 빨리 되었습니다. 자바스크립트에 관련된 다음 강의가 있다면 또 수강하고 싶네요 8주 동안 열심히 가르쳐 주셔서 너무 감사합니다~!

  • 바닐라 자바스크립트 이젠 강남점 수강후기
    - 이○경

    바닐라 js 주말반 수업 안상현 강사님께 수업 들었습니다~ 처음에는 기초라도 잘 다져보자 하는 조금은 가벼운 마음으로 수강하게 되었는데 js 관련해서 재밌고 다양하게 잘 알려주셔서 기본 개념 뿐만 아니라 응용력도 기를 수 있던 좋은 시간이 되었던 것 같습니다! 그동안 열심히 수업 해주셔서 감사합니다! ^^

  • 이젠강남 안상현 강사님 바닐라자바스크립트 과정 수강후기
    - 차○호

    안상현 선생님 안녕하세요 이번에 바닐라자바스크립트 과정 수강 한 차승호 입니다. 시간이 지나서 기억이 안날때는 집에서 강의 때 작성했던 파일들 보면서 복습했는데 주석으로 설명도 잘 적어주시고 코드도 필요한 부분들을 이해하기 쉽게 적어주셔서 많은 도움이 됐습니다. 가르쳐주신 내용을 발판으로 삼아 바닐라자바스크립트 공부를 계속 하면서 나아가 vue도 공부해보겠습니다 감사합니다

  • 안상현 강사님 수강후기입니다.
    - 김○진

    올해 초부터 새로운 영역에 도전하면서 정말 아무것도 모르는 상태에서 수강을 시작해서 매주 일요일마다 하루종일 선생님 수업을 들으며 벌써 3개월여의 시간이 흘렀네요. 처음에는 매주 주말 하루를 통으로 수업을 듣는게 버겁고 길게 느껴졌는데, 지금 생각해보면 배우기 위해서 길었던 시간은 아니었던 것 같아요. 수업을 열심히 빠짐없이 들었지만, 사실 완벽히 모든걸 이해하진 못했어요. 그래도 하나하나 직접 작성하고 연습하게 도와주셨던 선생님 수업 덕에 처음에 비해 많은 성장이 있었다는 생각이 듭니다. 엄두도 안났던 것들이 그래도 이제는 좀 익숙해지고 좀더 복습하고 노력하면 다음단계로 넘어갈 수 있을 것 같다는 생각이 듭니다. 수업들으면서 작성한 제 파일들이 앞으로도 저한테 큰 재산이 될것 같아요. 감사합니다!

커리큘럼

  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 프론트엔드개발빠른 개강일06.13(화)

카톡상담
전화문의강남
02)532-6500

직장인교육문의

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 상담 전화 문의 02)532-6500
개인정보수집 및 이용에 대한 동의

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

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


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


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


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

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