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

React 프론트엔드개발

1차 개강일
21년 09월 27일(월)
2차 개강일
21년 10월 01일(금)
  • 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을 이용해서
불필요한 것들을 걷어내고 최소한의 처리로
컴포넌트를 렌더링하는 강력한 시스템

가지고 있습니다.

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

  • Interactive Web[NCS] 인터렉티브
    웹 디자인
    발표회 및 수료식

    [NCS] 인터렉티브 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web UI/UX Design 웹UI/UX 디자인
    발표회 및 수료식

    [NCS]스마트기기 웹 UI/UX 디자인 과정
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web Design/Publisher 웹디자인/웹퍼블리셔
    양성과정
    발표회 및 수료식

    웹디자인/웹퍼블리셔 양성과정
    수료를 축하드립니다.

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

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

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

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

  • 컴퓨터그래픽스운용기능사Craftsman Computer Graphics Operation

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

    자세히 보기
  • 시각디자인산업기사/기사Industrial Engineer/Engineer Visual Communication Design

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

    자세히 보기
  • 웹디자인기능사Craftsman Web Design

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

    자세히 보기
  • GTQi 일러스트Graphic Technology Qualification Illustrator

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

    자세히 보기
  • GTQ 포토샵Graphic Technology Qualification Photoshop

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

    자세히 보기
  • 컬러리스트산업기사/기사Industrial Engineer/Engineer Colorist

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

    자세히 보기

선배에게 들어요!

웹디자이너가
하는일은?
대체로 광범위 하긴하지만 간단히 정리하면,
웹&모바일 사이트에 들어가는 모든 구성 요소를
작업한다. 네이버 블로그 또는 페이스북등 소셜관련해서도 작업하게 된다.
그리고 중소기업의 경우에는 웹 디자이너라도 오프라인쪽 작업들을 하게 된다.
예를 들어 브로슈어, 명함, 버스나 지하철 같은 랩핑광고 등 작업 분야가 다양하다.
웹퍼블리셔가
하는일은?
웹 퍼블리셔의 수행 직무는 웹디자이너, 웹개발자, 웹기획자 등과 웹사이트의 제작 및 진행방향 등에 대해 협업한다. 웹디자이너의 디자인 작업물을 Html,css,Javascript,jQuery 등을 이용해 웹 표준, 웹 접근성, 크로스 브라우징 등 원칙에 맞추어 코딩한다.
프론트엔드 개발자가
하는일은?
사용자 (Client 클라이언트) 가 직접 사용하는 화면의 개발을 말합니다. 실제 사용자들이 원활하게 서비스를 이용하기 위해 화면에 대한 내용 및 비지니스처리, 화면 효과등을 결국 서버 단의 개발을 제외한, 외적인 요소를 개발하는 직무를 통틀어 프론트 엔드라고 합니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
웹 퍼블리셔라는 직종은 우리나라에만 존재한다. 웹 퍼블리셔는 Html,css를 주로 다루고, Javascript,jQuery를 이용하여 화면 동작 제어를 한다. 여기서 더 나아가 데이터 연결 및 요청, 출력 업무등을 하는것을 프론트엔드 개발자가 하는 일이라고 역할이 구분된다. 명칭의 차이일 뿐, 퍼블리셔나 프론트엔드 개발자나 똑같은 클라이언트 단을 개발하는 직종이다. 다만 프론트엔드 개발자에게 요구되는 기술적 범위가 더욱 넓다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 완전 추천해요~~
    - 강○미

    주변 지인들에게 많은 조언을 받고, hrd에서 학원검색도 많이 해보고 결정한 곳이 바로 이젠컴퓨터학원이었습니다. 웹퍼블리셔를 가르치는 학원이 너무 많아서 정말 고르기가 힘들었는데요. 집에서 거리는 조금 있지만 역시 선택하길 잘했다고 생각하고 있습니다. 학습분위기가 엄청 좋았습니다. 강의장도 깨끗하고 넓어서 집중하기 편했고요.요즘에는 학원마다 교육이 거의 다 비슷하기 때문에 어느곳을 다녀도 괜찮지만 시설은 꼭 보고 선택하시라고 하고 싶습니다.너무 만족스럽게 잘 다녔어요 good!

  • 수업 잘 들었습니다^^
    - 송○영

    선생님의 전문성이 잘 보이고 그것이 수업에 묻어나는 점이 좋았습니다. 강의를 열정적으로 잘 해주시는 편이고 수강생들의 속도를 잘 챙기는 편이신데, 가끔 속도가 빠르게 느껴질 때는 말씀드리면 유연하게 대처해 주세요~~ 특강성으로 해주시는 강의도 도움이 많이 되고, 수업과정에 신경 많이 쓰심을 알 수 있음.

  • 추천하는 강의!!
    - 백○경

    코딩에 기본도 몰랐었는데 선생님께서 시간분배를 잘 해주시고 이끌어주셔서 포트폴리오도 잘 만들 수 있었습니다. 학생들을 잘 배려해주시고 이끌어주셔서 감사합니다~~ 선생님께서 꼼꼼하고 세심하게 가르쳐 주시고, 실무에서 필요한 팁들을 가르쳐주셔서 좋았습니다. 잘 모르거나 어려운 부분은 여러번 반복 해주시고 이해가 될 때까지 알려주셔서 웹디자인이나 코딩을 하나도 모르는 제가 잘 배울 수 있었습니다.시간이 너무 빨리 가버려서 아쉬워요 정말 추천하는 강의입니다!!

  • 웹퍼블리싱 강의 후기
    - 하○연

    디자인을 해왔기에 구직후 보다 나은 미래를 위해 한 걸음 더 나아가 웹퍼블리싱을 배워보았습니다. 조더 많은 정보와 구체적인 틀로 많은 노력을 해야 할 목표가 생겨 목표를 위해 좀더 나아가 노력하면서 수업을 듣게되었고, 많은 호기심과 더 열공해야겠다는 마음가짐을 가지게 되었습니다.

  • 넘넘 감사합니다~~!!
    - 오○선

    html, css, jQuery 에 대해 아무것도 모르는 상태에서 수강을 들었는데 쌤이 너무너무 잘 가르쳐주시고 프로젝트 결과물에 대해 1대1 피드백이나 어려워서 이해가 잘 안되는 부분 또는 사이트 구조상의 디자인에 대해 피드백이나 조언을 많이 해주셔서 너무 도움이 됐습니다!!!! 기대 했던 만큼 좋은 강의였고 너무 감사드립니당!!!

  • 좋은 수업 감사합니다
    - 권○준

    취업전선에서 전망이 밝다는 학원의 추천에 웹퍼블리셔와 코딩이라는 단어조차 처음 들어보는 상태에서 수강을 시작하였습니다. 처음 접하는 생소한 분야인 만큼 내용도 생소하고 이해조차 어려웠으나 따라가려 열심히 배웠습니다. 처음 6개월수업기간을 들었을때 길다고 생각했는데, 코딩이라는 내용자체가 광범위하고 배울것이 많아서 짧게 느껴질정도 였습니다. 따로 복습과 응용 시간도 많이 필요했습니다. 처음 시작하시는 분들은 이점을 고려하셔서 좋은 수업받으시길 바랍니다.

  • 취업 성공 했습니다!
    - 채○리

    처음에 배우느라 힘들고 지친시기가 있었는데 그때마다 선생님께서 격려의 말을 통해 다시 일어날 수 있는 계기가 되었습니다. 정말 처음부터 끝까지 계획대로 원하는 곳으로 취업할 수 있어서 너무 감사했습니다. 또한 책보단 바로 실습하면서 배우는 것이 정말 좋았습니다. 한사람씩 취업상담을 통해 취업통로를 정할 수 있었습니다. 그리고 이력서도 관리해주시고 배우는 과정마다 피드백도 해주셔서 정말 도움이 많이 되었습니다.

  • 알찬 수업
    - 권○은

    제대로 알지도 못했던 부분을 알기 쉽게 그리고 천천히 가르쳐주셔서 초보분들한테는 아주아주 좋은 강의인것 같습니다 :-) 모르는 부분이 있을때도 그냥 바로바로 알려주시기보다는 스스로 고민해볼 수 있는 시간을 충분히 주시고 힌트를 주시면서 저희가 스스로 공부할 수 있게 많이 도와주셨어요! 무작정 개념을 다 알려주시기보다는 강약조절하듯이 실무에 많이 쓰이는 부분과 쓰이지 않는 부분을 짚어주시고 그에 맞는 예제들도 직접해보는 시간을 많이 주셔서 실력이 많이 성장할 수 있었던것 같습니다! 다음수업도 선생님 수업들을거에용 감사합니다 :-)

  • 선택하길 잘했다!
    - 신○극

    다른 학원의 강의와 많이 고민했는데, 이 학원을 선택한 게 잘한 일 같다. 많은 실습을 통해 역량을 길렀다. 그리고, 포폴에 집중할 수 있는 시간이 많아 포폴도 잘 나온 거 같다. 선생님께 이것저것 여쭤보며 귀찮게 해드린 일도 많았는데 그럴 때마다 항상 도움이 되는 조언들로 디자인 결과물을 더욱 발전시켜주셨다. 과정을 수료할 수 있게 도와주신 분들 감사합니다~!

  • 두려움을 극복할 수 있는 수업.
    - 김○지

    몇 년 전 다른 학원에서 html, css를 배울 때는 선생님이 타이핑하면 그대로 따라가는 형식의 수업이어서 과정이 끝나도 기억에 남는 게 별로 없었는데, 요번 강의는 쉽고 개념을 재정립할 수 있는 좋은 기회였던 것 같습니다. 실제로 취업하게 되면... 선생님께서 수업하신 내용들과 함께 생각이 많이 날것 같습니다. 적절한 시간분배와 강사 선생님의 유연한 교육방식이 수료과정을 효과적으로 매듭짓게 하였습니다.

커리큘럼

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

카톡상담
전화문의노원
02)951-0008

교육상담신청

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

신청자

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

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

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


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


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


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

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