코드잇의 2024년 4월 5일부터 개정될
예정이니 이용에 참고 부탁드립니다. 
변경 내용 자세히 알아보기
JavaScript 프론트엔드 개발자

JavaScript 프론트엔드 개발자

토픽 29
135,291명 수강
평균 3+개월

로드맵 소개

프론트엔드 개발자 취업의 가장 빠른 길

로드맵이란?

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

로드맵

한 눈에 보는 로드맵

STEP 1

STEP 2

STEP 3

STEP 4

STEP 5

STEP 6

STEP 7

STEP 8

STEP 9

Goal

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

웹 서비스 만들기

CodeitMall

간단한 쇼핑몰 웹사이트를 만들어 봅니다. 파일 시스템 기반 라우팅과 프리렌더링에 대해서 이해하고, Next.js를 사용해서 여러 페이지를 가진 웹사이트를 구현할 수 있습니다.

수강생 후기

평균 만족도 4.9점의 생생한 후기

SDY

SDY

HTML/CSS 핵심 개념

재미있게 잘 들었고 많은 도움이 되었습니다.

tmdwns950428

tmdwns950428

프로그래밍 시작하기 in JavaScript

강의 자체가 가독성이 좋아서 빠르게 들을수 있었습니다!

진다이너스티

진다이너스티

모던 자바스크립트

자바스크립트가 무엇인지 알게 된 강의였습니다

대박예감

대박예감

모던 자바스크립트

자바스크립트 실력과 이해도를 향상시키는데 도움이 되었습니다.

ROLAB

ROLAB

프로그래밍 언어 이해하기

파이썬에 대해서 설명해주니 좋았다

진다이너스티

진다이너스티

React로 데이터 다루기

React 웹 개발 시작하기 강의보다 수준이 확 높아진 것 같아서 따라가기 조금 벅차지만 여러 번 들으면 좀 나아질 것 같습니다

세부 커리큘럼

로드맵 따라가기

JavaScript 프론트엔드 개발자

로드맵 목표

예쁜 웹사이트를 뚝딱 만드는 프론트엔드 개발자 되기

토픽 29
135,291명 수강
평균 3+개월

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

코드잇 멤버십 혜택

로드맵의 모든 강의를 멤버십 하나로!

거기에 이 모든 혜택까지!

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

1

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

매달 추가되는
새로운 강의

2

매달 추가되는 새로운 강의

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

3

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

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

4

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

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

5

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

자주 묻는 질문

궁금한 점이 있으세요?

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

(주) 코드잇

대표강영훈, 이윤수

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

이메일support@codeit.kr

사업자 번호313-86-00797

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

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