선착순 마감! 국비지원 받고 무료로 4주 완성
JavaScript 프론트엔드 개발자
토픽 34개
143,381명 수강
평균 3+개월
핵심만 고르고 골라서 압축해
강의 당 5분 내로 단기 완성
TypeScript, ReactQuery, Next.js 등
로드맵 하나로 전부 배우는 실무 기술
25개의 단계별 실습 프로젝트로
실제 웹사이트를 구현할 수 있게!
가장 빠르게 취업할 수 있는 온라인 부트캠프
전액 무료, 100% 인턴십 보장! [프론트엔드 개발자] 부트캠프 시작하기
로드맵 소개
프론트엔드 개발자 취업의
가장 빠른 길
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
로드맵
한눈에 보는 로드맵
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
STEP 7
STEP 8
STEP 9
Goal
1 / 9
로드맵의 매력
이 로드맵을 들어야 하는 이유
프론트엔드 기초 역량
프론트엔드 기본기인 HTML/CSS 역량을 확실하게 다질 수 있어요.
프론트엔드 실무 개발
프론트엔드 실무를 위해 꼭 필요한 JavaScript부터, React와 Next.js, 협업 툴 Git 사용법까지! 실무 역량을 완벽히 갖춰보세요.
프론트엔드 트렌드 따라잡기
프론트엔드 분야에서 현재 지향하는 방향성을 배우고 트렌드를 놓치지 않을 수 있어요.
추천 대상
이런 분들께 추천해요
개발자 취준생
프론트엔드 개발자가 되고 싶으신 분
웹 사이트?
웹사이트를 만드는 방법이 궁금하신 분
프론트 궁금
프론트엔드 기술이 궁금한 백엔드 개발자
실습 프로젝트
이 로드맵에서는
이걸 만들어 볼 수 있어요
웹페이지 만들기
다양한 웹 퍼블리싱 실습
다양한 웹 퍼블리싱 프로젝트를 통해 HTML/CSS, Box Model, 반응형 웹, Display, 포지셔닝, Float 등 웹 퍼블리싱의 기초 개념들을 완벽하게 익힐 수 있습니다.
웹 서비스 만들기
오늘 할 일, 평면도, 채팅서비스
오늘 할 일 리스트, 마우스에 반응하는 평면도, 채팅 서비스 등을 만듭니다. 이를 통해 DOM 트리 개념과 JavaScript 이벤트 객체에 대해 이해하고, 마우스/키보드/스크롤 이벤트와 캡쳐링/버블링 등을 활용해서 웹사이트를 구현할 수 있습니다.
웹 서비스 만들기
무비피디아, 푸드잇
영화 리뷰 서비스와 음식의 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
웹 서비스 만들기
코드댓
코드잇의 축소 버전, '코드댓' 웹사이트를 만들어봅니다. 클라이언트 앱이 동작하는 원리를 이해하고 React Router 라이브러리를 활용하여 여러 개의 페이지를 가진 웹사이트를 구현해 봅니다.
웹 서비스 만들기
CodeitMall
간단한 쇼핑몰 웹사이트를 만들어 봅니다. 파일 시스템 기반 라우팅과 프리렌더링에 대해서 이해하고, Next.js를 사용해서 여러 페이지를 가진 웹사이트를 구현할 수 있습니다.
Codeit Original
12만 개의 후기,
98%의 만족도의 비밀
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
퀄리티 높은 강의를 만들어요
쉽지만 탄탄하게 실력 쌓고 싶다면?
5~10분의 짧은 강의지만 내용의 중복, 누락 없이 꼭 필요한 개념으로만
구성했어요.
구성했어요.
콘텐츠 팀 | 박채운 PD
몰입도 있게 스스로 학습하고 싶다면?
기초부터 실습, 프로젝트, 질문 답변까지 코드잇에서 모두 해결할 수 있어 200% 몰입할 수 있어요.
콘텐츠 팀 | 황준우 PD
효율적으로 목표를 달성하고 싶다면?
무슨 강의를 들을지 고민할 필요 없이 33개 로드맵 중 목표에 맞는 로드맵만 따라가면 돼요.
콘텐츠 팀 | 남수지 PD
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
퀄리티 높은 강의를 만들어요
세부 커리큘럼
로드맵 따라가기
자주 묻는 질문
궁금한 점이 있으세요?