React 프론트엔드 개발

React 프론트엔드 개발

토픽 22
111,424명 수강
평균 3+개월

HTML, CSS, JavaScript로

프론트엔드 기본기 확실하게 다지기

React 기초부터 현업 수준 기술까지

체계적 커리큘럼으로 React 마스터

채팅, 게임, MBTI 등 다양한 실습

직접 구현해보는 나만의 웹사이트
로드맵 소개
React로 웹사이트를 완성하는 가장 빠른 길

로드맵이란?

전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.

로드맵
한눈에 보는 로드맵

STEP 1

STEP 2

STEP 3

STEP 4

STEP 5

STEP 6

Goal

Goal

1 / 6

로드맵의 매력
이 로드맵을 들어야 하는 이유
프론트엔드 기초 역량
프론트엔드 기초 역량
프론트엔드 기본기인 HTML/CSS와 JavaScript 역량을 확실하게 다질 수 있어요.
프론트엔드 압도적 대세, React
프론트엔드 압도적 대세, React
다양한 프론트엔드 기술 중에서도 가장 많이 활용되는 React를 사용할 수 있어요.
현업 개발자 수준의 React 이용
현업 개발자 수준의 React 이용
현업에서 주로 사용되는 기술들로 여러 프로젝트를 다룸으로써, React를 자유자재로 쓸 수 있게 돼요.
실습 프로젝트
이 로드맵에서는 이걸 만들어 볼 수 있어요
웹페이지 만들기
다양한 웹 퍼블리싱 실습
HTML/CSS 기초 개념, Box Model, Display, 포지셔닝, Float, 반응형 등 웹 퍼블리싱의 기초 개념들을 완벽하게 익힐 수 있는 다양한 웹 퍼블리싱 프로젝트를 구현해 봅니다.
웹 서비스 만들기
오늘 할 일, 평면도, 채팅서비스
오늘 할 일 기록, 마우스에 반응하는 평면도, 채팅 서비스 등을 만듭니다. DOM 트리 개념을 이해하고 JavaScript 이벤트 객체, 캡쳐링/버블링, 다양한 마우스/키보드/스크롤 이벤트 등의 개념을 이용해 기능을 구현해 봅니다.
가위바위보, 주사위 게임
게임 만들기
가위바위보, 주사위 게임
가위바위보, 주사위 게임을 진행하고 승패를 기록하는 게임을 만들어 봅니다. React 개발 환경 설정부터 웹사이트 개발, 배포까지 모든 과정을 직접 따라 해보면서 프론트엔드 개발의 기초를 다져보세요.
웹 서비스 만들기
무비피디아, 푸드잇
영화, 음식 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
웹 서비스 만들기
코드댓
코드잇의 축소 버전, '코드댓' 웹사이트를 만들어봅니다. 클라이언트 앱이 동작하는 원리를 이해하고 React Router 라이브러리를 활용하여 여러 개의 페이지를 가진 웹사이트를 구현해 봅니다.
Codeit Original
12만 개의 후기, 98%의 만족도의 비밀
members
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요

쉽지만 탄탄하게 실력 쌓고 싶다면?

5~10분의 짧은 강의지만 내용의 중복, 누락 없이 꼭 필요한 개념으로만
구성했어요.
콘텐츠 팀 | 박채운 PD
member1

몰입도 있게 스스로 학습하고 싶다면?

기초부터 실습, 프로젝트, 질문 답변까지 코드잇에서 모두 해결할 수 있어 200% 몰입할 수 있어요.
콘텐츠 팀 | 황준우 PD
member1

효율적으로 목표를 달성하고 싶다면?

무슨 강의를 들을지 고민할 필요 없이 33개 로드맵 중 목표에 맞는 로드맵만 따라가면 돼요.
콘텐츠 팀 | 남수지 PD
member1
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
세부 커리큘럼
로드맵 따라가기

React 프론트엔드 개발

로드맵 목표

React로 완성도 높은 웹사이트 만들기

토픽 22
111,424명 수강
평균 3+개월

전문가가 만든 로드맵으로 고민 없이 시작!

코드잇 멤버십 혜택
4,000여개의 강의를 코드잇 멤버십 하나로!
거기에 이 모든 혜택까지!
강의 1개 가격으로
모든 강의 무제한 수강

1

강의 1개 가격으로 모든 강의 무제한 수강

매달 추가되는
새로운 강의

2

매달 추가되는 새로운 강의

언제든 물어볼 수 있는
코드잇 커뮤니티

3

언제든 물어볼 수 있는 코드잇 커뮤니티

작심삼일을 극복하는
동기부여 프로그램

4

작심삼일을 극복하는 동기부여 프로그램

내 노력과 역량을
증명할 수 있는 수료증

5

내 노력과 역량을 증명할 수 있는 수료증

자주 묻는 질문
궁금한 점이 있으세요?

전문가가 만든 로드맵으로 고민 없이 시작!

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇