로드맵 소개
프론트엔드 개발자 취업의 가장 빠른 길
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
로드맵
한 눈에 보는 로드맵
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를 사용해서 여러 페이지를 가진 웹사이트를 구현할 수 있습니다.
수강생 후기
평균 만족도 4.9점의 생생한 후기
세부 커리큘럼
로드맵 따라가기