• #html
  • #css
  • #자바스크립트
  • #리액트
  • #프론트엔드
  • #프론트앤드

리액트(ReAct JS) 자바스크립트 기초

사용자 인터페이스(UI)를 구축하기 위한 JavaScript 라이브러리인
리액트를 활용하여 효율적인 개발 환경을 구축하는 과정

  • 교육기간
    총 2주

    9일/70시간

  • 개강일

    수시개강

  • 수강료
    근로자·일반 과정

    60% ~ 최대 100% 지원

개강일 수시개강

INFOMATION
효율적인 UI 구현

React
Library

리액트(ReAct)는UI를 구현하는 라이브러리로 현 시점에서 전세계적으로 가장 관심도가 높고
웹 앱, 네이티브 모바일 앱, 데스크톱 앱 등 다양한 플랫폼에서 앱을 제작하는 공통된 핵심 개발 방법을 제공합니다. 리액트를 배워 다양한 플랫폼을 넘나드는 개발 전문가가 되어보세요!

프론트엔드 핵심 도구 리액트

  • 플랫폼의 경계를 넘어

    웹, 모바일, 데스크탑까지
    확장 가능한 유연한 기술

  • 사용자 경험을 최우선으로

    동적인 UI와 빠른 렌더링으로
    끊김 없는 인터페이스 제공

  • 모듈화로 더 간결하게

    코드 분리와 재사용으로
    효율적인 개발 환경 구축

  • 가상 DOM의 혁신

    최소한의 업데이트로 높은 성능과
    빠른 렌더링 제공

FRONT-END
CLASS

어떤 분들께
추천하나요?
강의 추천 대상

  • 웹 개발을 처음 접하며 프론트엔드 개발자로 취업을 희망하는 분
  • UI/UX 설계 경험을 프론트엔드 구현 능력으로 확장하려는 디자이너
  • 최신 웹 기술 트렌드를 배우고 실무 역량을 강화하려는 IT 관련 종사자

취업분야 과정수강 후 취업가능!

프론트엔드 개발자, 웹 퍼블리셔, UI/UX 디자이너, 모바일 앱 개발자, 이커머스 기업, 스타트업, IT 솔루션 제공 업체, 디지털 마케팅 에이전시 등

문화·예술·디자인·방송 디지털디자인 프로젝트 설계 화면구조 설계하기 정보구조 설계하기 디지털 디자인

국비지원교육이라
교육 퀄리티를 걱정하시나요?

국비지원 교육은 NCS 능력 단위 로 구성되는 특성상 빠르게 변화하는 현장에
맞지 않는 커리큘럼으로 교육이 이루어지는 경우가 발생하기도 합니다.

NCS란?

직업에서 요구하는 능력을 산업현장의 수요에 부합하도록 국가에서 표준화한것

그래서
제이엠피코리아(주)은

배워야 할 것과
준비되어야 할 것에
집중했습니다.

제이엠피코리아(주)에서는 현업에서 종사한 전임강사와 졸업생들의 자문을 얻어
스마트한 신입/경력이 되기 위해 배워야 할 것과 준비되어야 할 것이 무엇인지 분석하고

NCS를 바탕으로 교육을 구성하되 실무에 투입 되었을때 빠르게 적응할 수 있도록
해당 년도 트렌드에 맞는 현장 실무를 결합한 특별한 교육시스템을 만들었습니다.

리액트(ReAct JS) 자바스크립트 기초 교육과정 커리큘럼

  • 리액트의 특징 이해하기
  • create-react-app으로 개발시작
  • JSX를 사용하는 리액트
  • 프로퍼티, 상태, 컴포넌트
  • 리액트 리덕스
  • 리액트와 서버
  • 1-Step
    리액트의 특징 이해하기

    - 리액트의 기본 개념과 철학
    - 컴포넌트와 상태 관리 이해
    - 가상 DOM과 렌더링 원리

  • 2-Step
    create-react-app으로 개발시작

    - create-react-app 설치 및 프로젝트 초기화
    - 폴더 구조 이해와 초기 파일 설정
    - 개발 서버 실행 및 기본 화면 확인

  • 3-Step
    JSX를 사용하는 리액트

    - JSX의 문법과 역할
    - JSX 표현식과 조건부 렌더링
    - JSX와 스타일링

  • 4-Step
    프로퍼티, 상태, 컴포넌트

    - 프로퍼티(props)의 이해
    - 상태(state)와 라이프사이클
    - 함수형 컴포넌트와 클래스형 컴포넌트

  • 5-Step
    JSX를 사용하는 리액트

    - 리덕스의 개념과 상태 관리
    - 액션, 리듀서, 스토어의 이해
    - 리덕스 툴킷 사용법

  • 6-Step
    JSX를 사용하는 리액트

    - 서버와의 통신
    - 컴포넌트와 비동기 데이터
    - 리액트로 CRUD 구현하기

국비지원 무료교육 국민내일배움카드

실업,재직,자영업 여부에 관계없이 국민내일배움카드를 발급받고
자유롭게 구직을 위한 기술 및 자격증 관련 커리큘럼을 수강하며 자부담금을 제외한 수강료 및 훈련장려금을 지원합니다.

  • 자비부담·훈련비 전액 지원
  • 실무 교육과 자격증 취득을 한번에
  • 훈련상담 면제 즉시 수강 가능

  • 감사합니다!! 5.0

    진짜 관계자분들 다 친절하시고 선생님조 훌륭하셨습니다 감사합니다

    항공 자바 풀스택 개발자 양성과정 - 6회차 최00 학생

  • 너무 좋아요 5.0

    너무 좋아요 선생님께서 잘 가르쳐 주셔서 좋았습니다

    [일반고]네트워크운영관리&정보기기운용기능사(스마트혼합) 홍정아 학생

  • 잘 배우고 갑니다! 5.0

    컴퓨터로 무언가를 해 보는 것이 처음이라 많이 긴장하고 갔었습니다. 그런데 반 분위기도 너무 좋았고 무엇보다도 자룡쌤께서 쉽게 잘 가르쳐 주셔서 어려움 없이 잘 배울 수 있었습니다. 다시 또 뭘 배울 기회가 생기면 자룡쌤께 배우고 싶을 정도였으니까요. 컴퓨터에 무지했던 저를 컴퓨터를 다룰 줄 아는 사람으로 만들어주셔서 너무 감사했고 가르치시느라 너무 힘드셨을 텐데 정말 고생 많이 하셨습니다. 잘 배우고 갑니다!

    컴퓨터활용능력2급(필기+실기) 문유선 학생

  • 첫 훈련이 너무나도 만족스러웠습니다 5.0

    5개월이라는 시간이 빠르게 지나갈 정도로 즐거웠습니다. 프로그래밍과 전혀 연관이 없던 삶을 지내왔지만 한 번 쯤은 해보고 싶었는데 이러한 좋은 기회를 가지게 되어서 운이 좋다고 생각했습니다. 기관의 사람들은 모두가 친절했고 최대한 도움을 주려고 하셨습니다. 첫 훈련이 너무나도 만족스러웠습니다. 행복한 5개월이었습니다.

    클라우드 기반 자바기반 시스템 프로그래밍 양성 이은찬 학생

INQUIRY교육과정 문의·신청

온라인상담신청

  • 지점 선택

  • 교육과정 선택

      실업자·국기과정
        일반·재직자과정

        • 신청자

        보기
        • 주소
        • 전화