코딩만큼은 코드스테이츠! 수강생 포트폴리오 모음집을 받아가세요!

프론트엔드 개발 부트캠프

사용자 친화적 웹 서비스 개발 능력을 갖춘 프론트엔드 개발자 양성 과정
코딩만큼은 실전처럼 배우자

프론트엔드 개발자 부트캠프

K-디지털 트레이닝 | 24주 풀타임 과정

44기(정부지원 6회차)
지 원 마 감
|
23. 01. 30 (월) 18:00
합격자 발표
|
23. 02. 02 (목) 18:00
수 강 기 간
|
23.02.13 ~ 23.08.03
수 강 일 정
|
평일 9시 - 18시

부트캠프 추천 대상

개발자로 도전은 하고 싶은데..

혹시 이런 고민 중이신가요?
폭발 이모지
독학하고 있는데 무엇부터 공부를 해야 할지 모르겠어요
새 분야에 도전하기에 3~4개월은 부족한 것 같아요
생각 중 이모지
동료 이모지
프로젝트는 백엔드 개발자와 함께 하고 싶어요!
코딩테스트가 없는 부트캠프가 필요해요!
고통 이모지
고민 이모지
비싼 교육비 때문에 금전적으로 고민이에요

코드스테이츠 프론트엔드 부트캠프의 장점

43기 동안 쌓아온 노하우로
1,000명 이상의 개발자를 배출한
코드스테이츠에서 해결하세요!
프리미엄 교육을
정부 지원으로 부담없이
0

K-디지털 트레이닝 최초 수강 시

개발자가 되기 위한
최소한의 학습시간
6개월

코드스테이츠
채용 추천 파트너사
400여개

2022.11 기준

수료생 취업 기업 500여개

이미 많은 분들이 코드스테이츠에서 개발자 커리어를 시작했습니다

취업률 87%, 취업 기업 500여개

이미 많은 분들이 코드스테이츠에서

개발자 커리어를 시작했습니다

*부트캠프 21년 12월까지 수료생 기준 22년 12월 취업률

코드스테이츠 프론트엔드 부트캠프는

기초 학습부터 졸업 후 취업까지
개발자 커리어 시작의 모든 과정을 함께합니다.

STEP 1

개발 전문가와 교육학전문가의 치밀한 커리큘럼 설계

소프트웨어 개발 학습에 필수적인 높은 실습 과제 비율

자기주도적 학습 능력 향상을 위한 메타인지 활동

STEP 2

개발 입문자도 따라올 수 있는 난이도 구성

학습 목표 설계 프레임워크에 기반한 단계적 난이도 상승

STEP 3

탄탄한 개념학습과 풍부한 실습과제

250개의 개념 문제

60개의 데일리 코딩 문제

30개의 실전형 과제

STEP 4

배운 내용들로 만드는 실전 프로젝트

실무자 멘토, 백엔드

부트캠프 수강생과 함께

완성하는 최종 결과물

STEP 5

개발자 커리어를 위한 배움, 커리어 코칭

이력서 작성부터 면접,

구직 전략 학습 그리고

‘나만의 구직 자료’ 만들기

40기 이상의 개발 부트캠프 운영 노하우,

코딩만큼은 탄탄하게 코드스테이츠에서 시작하세요

#프로젝트

“애매한 결과물이 아닌 퀄리티 높은 포트폴리오를 만들고 싶어요.”

백엔드 수강생 + 현업 개발자 멘토와 함께 완성도 높은 포트폴리오를 만들어요!

#커리어 코칭

“지금 상황에서 가장 유리하고 제대로 된 취업 전략을 세우고 싶어요.”

채용 공고 분석과 채용 시장 분석, 신입 개발자를 위한 전문 커리어 코칭을 만나보세요!

#채용 파트너십

“제가 배운 것을 가장 잘 활용할 수 있는 회사를 찾고 싶어요”

400여개의 파트너사가 코드스테이츠 인재를 기다리고 있습니다.

공부만 해서는 어려운 개발자 취업,

지금까지 운영하며 쌓은 노하우를 코스 전체에 담았습니다.

코드스테이츠에서 탄탄한 개발자 커리어를 시작하세요!

코드스테이츠 졸업생에게 듣는 생생한 취업 후기

코드스테이츠 졸업생에게 듣는 생생한 취업 후기

디자이너에서 대기업 개발자로 커리어 전환한 지원재님이 코드스테이츠의 코딩 부트캠프를 추천하는 이유!

디자이너에서 대기업 개발자로 커리어 전환한 지원재님이 코드스테이츠의 코딩 부트캠프를 추천하는 이유!

  • thumbnail

    “계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.

    수료생 정인용님

    prev-arrow
  • thumbnail

    “계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.

    수료생 정인용님

  • thumbnail

    800시간의 몰입, 수료 후 4개 기업에서 오퍼받은 비결.

    수료생 박준홍님

  • next-arrow
    prev-arrow
  • thumbnail

    “계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.

    수료생 정인용님

  • thumbnail

    800시간의 몰입, 수료 후 4개 기업에서 오퍼받은 비결.

    수료생 박준홍님

  • thumbnail

    게임 좋아하던 문과생의 프론트엔드 개발자 도전기.

    수료생 양의현님

  • next-arrow

수강생 프로젝트

수강생들의 실력으로 직접 만든 프로젝트 결과물 확인해보세요수강생들의 실력으로 직접 만든 프로젝트 결과물을 확인해보세요

프론트엔드+백엔드 협업을 통해 실무 역량을 기릅니다.프론트엔드+백엔드 협업을 통해 실무 역량을 기릅니다.

과정 중 최소 2번의 팀 프로젝트를 진행합니다.

1차
프로젝트 진행 프로세스를 익히고, 배운 내용을 복습
2차
포트폴리오를 만드는 퍼포먼스 위주 프로젝트
  • 개발 입문자와 주니어를 위한 프로젝트/스터디 매칭 플랫폼

    JU:SE

    • 관심 스택만 빠르게 모아볼 수 있는 스택별 필터 보기와 개발자의 편의성을 위해 깃허브 소셜 로그인을 구현하였습니다.
    • React Query를 통해 최신 데이터 가져오기, 무한 스크롤 등을 구현하여 서버의 상태를 쉽게 관리할 수 있도록 제작하였습니다.
  • 당신의 특별한 하루(D-day)를 위한 단 하나뿐인 게시판

    Roobits

    • 사용자가 보기 편하면서도 재미를 느낄 수 있는 빌딩 형태의 화면을 구현하였습니다.
    • jwt토큰의 claim 요소를 이용하여 해당 회원이 홈페이지 회원가입 회원인지 구글(oauth2.0) 회원가입 이용자인지 구분할 수 있게 기능을 구현하였습니다.
  • temp alt text
    temp alt text
    temp alt text
    temp alt text
    temp alt text
    temp alt text
    temp alt text
    temp alt text

    사랑스러운 나의 반려견을 믿고 맡길 수 있는 펫시터 플랫폼

    알바멍!

    • 전반적인 사용자 경험의 향상을 위해서 북마크, 댓글, 지원 등의 모든 활동이 새로고침 없이 부드럽게 이루어질 수 있도록 했습니다.
    • S3에 Presigned URL을 이용해 반려견 이미지, 산책 중 사진 공유 등 이미지 업로드 기능을 구현하였습니다.
  • 제대로 개발 공부를 시작하고 싶다면

    코드스테이츠를 선택해야하는 이유

    컴퓨터 이미지

    협업 능력 up

    |

    페어 프로그래밍

    과정 중 평균 35명과 쌍을 이뤄 함께 코드를 짜는 프로그래밍 방법

    • 필드에서 만날 다양한 개발자들과 원만하게 협업하기 위한 연습
    • 내가 아는 것을 상대방이 이해할 수 있도록 설명하는 연습을 통해 자연스럽게 기술면접을 위한 기본기 대비
    • 혼자 공부하는 것이 아닌 동기들과 소통하며 온라인의 한계를 뛰어넘는 진짜 네트워킹 경험
    휴대폰 이미지

    실무 능력 up

    |

    멘토링 프로그램

    현업 개발자가 프로젝트의 멘토로 참여하여 실무자의 시각으로 피드백

    • 실무자에게만 들을 수 있는 실전에서 예상되는 문제, 해결 방안, 실무에서 필요한 기술에 대해 배우기
    • 기술적인 영역 외에도 개발자를 위한 멘탈 관리, 커리어 패스에 대한 조언 얻기
    헤드셋 이미지

    고민 해결 up

    |

    아고라스테이츠

    코치들과 수강생들이 함께하는 질의응답 플랫폼

    • 혼자 공부하다가도 모르는 것은 언제든지 질문하세요! 누구나 묻고 답하는 선순환구조와 24시간(영업일 기준) 이내 답변 시스템과 100%의 답변
    망원경 이미지

    사고력 up

    |

    코플릿

    코드스테이츠에서만 만날 수 있는 자체 개발 코딩 문제 풀이 서비스

    • 352개의 맞춤형 코딩 문제를 제공하며, 과정 복습 + 심화 문제 + 문제 해결 능력 향상 문제를 통해 기본기를 탄탄히 하고 사고력을 키우세요
    컴퓨터 이미지

    협업 능력 up

    |

    페어 프로그래밍

    과정 중 평균 35명과 쌍을 이뤄 함께 코드를 짜는 프로그래밍 방법

    • 필드에서 만날 다양한 개발자들과 원만하게 협업하기 위한 연습
    • 내가 아는 것을 상대방이 이해할 수 있도록 설명하는 연습을 통해 자연스럽게 기술면접을 위한 기본기 대비
    • 혼자 공부하는 것이 아닌 동기들과 소통하며 온라인의 한계를 뛰어넘는 진짜 네트워킹 경험
    휴대폰 이미지

    실무 능력 up

    |

    멘토링 프로그램

    현업 개발자가 프로젝트의 멘토로 참여하여 실무자의 시각으로 피드백

    • 실무자에게만 들을 수 있는 실전에서 예상되는 문제, 해결 방안, 실무에서 필요한 기술에 대해 배우기
    • 기술적인 영역 외에도 개발자를 위한 멘탈 관리, 커리어 패스에 대한 조언 얻기
    헤드셋 이미지

    고민 해결 up

    |

    아고라스테이츠

    코치들과 수강생들이 함께하는 질의응답 플랫폼

    • 혼자 공부하다가도 모르는 것은 언제든지 질문하세요! 누구나 묻고 답하는 선순환구조와 24시간(영업일 기준) 이내 답변 시스템과 100%의 답변
    망원경 이미지

    사고력 up

    |

    코플릿

    코드스테이츠에서만 만날 수 있는 자체 개발 코딩 문제 풀이 서비스

    • 352개의 맞춤형 코딩 문제를 제공하며, 과정 복습 + 심화 문제 + 문제 해결 능력 향상 문제를 통해 기본기를 탄탄히 하고 사고력을 키우세요

    ‘졸업하면 끝’이 아닌

    ‘끝까지 함께’ 하는 코드스테이츠

    혜택 1

    졸업 후에도 이어지는 커뮤니티, 코드아일랜드

    졸업 후에도 이어지는 커뮤니티, 코드아일랜드

    졸업생을 위한 다양한 프로그램 및 강연, 네트워킹 이벤트가 제공되며, 다양한 직무의 졸업생들과 사이드 프로젝트를 함께 할 수 있는 코드스테이츠의 커뮤니티 입니다.

    혜택 2

    졸업생 전용 취업 지원 서비스, 더코드십

    졸업생 전용 취업 지원 서비스, 더코드십

    코드스테이츠 졸업생을 기다리고 있는 파트너사의 채용 공고를 가장 먼저 확인할 수 있는 코드스테이츠 멤버 전용 커리어 플랫폼을 제공합니다.

    코드스테이츠 엔트리코스

    프론트엔드와 백엔드 코스를 미리 만나보세요.
    가상공간 ZEP으로 여러분을 초대합니다.

    • temp alt text
      Day 1

      프로그래밍 지식 터득하기
      (HTML/CSS/JavaScript 기초)

    • temp alt text
      Day 2

      자바스크립트

      조건문과 반복문의 이해

    • temp alt text
      Day 3

      자바스크립트

      배열과 객체

    • temp alt text
      Day 4

      미니 프로젝트 1

      키오스크 만들기

    • temp alt text
      Day 5

      미니 프로젝트 2

      주문음료 만들기

    • 5일로 압축된 커리큘럼을
      미리 체험해 볼 수 있어요.
    • 짧지만 확실한 실습을 하고
      결과물을 직접 만들어보세요.
    • 프론트엔드, 백엔드 포지션을
      이해할 수 있도록 만들었어요.

    코드스테이츠 사전설명회

    지원하는 것이 고민되거나 부트캠프에 더 궁금한 점이 있다면?

    지원하는 것이 고민되거나 부트캠프에 더 궁금한 점이 있다면?

    지원하는 것이 고민되거나 부트캠프에 더 궁금한 점이 있다면?

    사전설명회 영상을 확인하세요!

    • ・사전설명회 영상을 확인하시려면 하단 버튼을 클릭해주세요

    코드스테이츠 프론트엔드 커리큘럼

    프론트엔드 과정 커리큘럼 & 시간표

    week 1 - 4

    week 5 - 8

    week 9 - 12

    week 13 - 16

    week 17 - 23

    week 24

    week 1 - 4
    웹 프론트엔드 개발의 기초지식을 기반으로 스스로 단순한 Web App을 만들 수 있다.
    • check icon
      [개발 학습법]

      프론트엔드 부트캠프에 잘 적응할 수 있도록 학습 방법과 마음가짐을 안내합니다.

    • check icon
      [JavaScript] 기초 | 핵심 개념

      JavaScript 기초 문법(변수, 함수, 타입)과 제어문(반복문, 조건문)을 이해합니다.

      기초 문법과 제어문을 적용하여 배열과 객체를 이해합니다.

      JavaScript 프로그램 작성을 위한 핵심 개념을 익히고, 코드를 분석하고 오류를 찾는 연습을 합니다.

    • check icon
      [HTML/CSS] 기초와 활용

      HTML/CSS의 기초 문법을 이해하고 응용하여 다양한 디자인과 레이아웃을 구현합니다.

      HTML, CSS와 JavaScript의 기초 제어문을 활용하여 계산기를 제작합니다.

    • check icon
      [DOM] 기초

      JavaScript DOM으로 웹 페이지에 변화를 주는 법을 배우고, 간단한 유효성 검사를 할 수 있습니다.

    • check icon
      [솔로 프로젝트] 간단한 Web App 만들기

      Section 1에서 학습한 내용을 바탕으로 나만의 아고라 스테이츠 페이지를 제작합니다.

    • check icon
      [회고] Section 1

      Section 1에서 배운 내용을 회고하면서, 스스로 문제점을 파악하고 개선합니다.

    ※ 더욱 효과적인 학습을 위해 커리큘럼을 꾸준히 개선하고 있어, 보고 계신 내용과 실제 학습 내용은 약간의 차이가 있을 수 있습니다.

    시간표

    지원 절차

    • STEP 1

      코드스테이츠 지원

      우측 화살표
      지원하기 버튼을 클릭하여 코드스테이츠 지원을 시작해주세요.
    • STEP 2

      온라인 지원 완료

      우측 화살표
      HRD-Net 수강신청과 온라인 지원 절차를 완료해주세요.HRD-Net 수강신청하기
    • STEP 3

      심사 및 결과 안내

      우측 화살표
      지원하신 번호의 알림톡으로 심사 결과를 안내드립니다.
    • STEP 4

      부트캠프 수강

      우측 화살표
      새로운 도전이 시작됩니다. 열심히 참여해주세요!

    자주 하는 질문

    지원 전에 꼭 확인하세요

    K-디지털 트레이닝

    다음 중 1개 이상 해당할 경우 지원할 수 없으며, 지원했더라도 확인 시 별도 안내 없이 탈락으로 처리됩니다.

    - 국민내일배움카드 발급 제한 대상
    - 재직자/재학생 등 정규 학습 시간에 실시간으로 참여할 수 없는 경우
    - 해외 거주자 (해외 이주 예정 포함)

    학습을 지속할 수 없어 중도포기를 하는 경우, K-디지털 트레이닝 과정을 1회 참여한 것으로 간주됩니다. 이후 K-디지털 트레이닝 과정에 다시 참여를 하실 경우, 2회차 참여로 훈련생의 자비부담금이 발생합니다.

    HRD-Net 로그인 → 나의 정보 → 나의 훈련 → 온라인 수강 신청 이력

    위 경로를 통해 수강 신청 현황을 확인할 수 있습니다. 또한, 모집 마감일 이전에는 동일 페이지에서 수강 신청 및 취소도 가능합니다.

    K-디지털 트레이닝 과정은 ‘스마트훈련’ 과정이기 때문에 훈련장려금 지급이 가능합니다.
    (100% 온라인 과정이여도 훈련장려금 지급이 가능합니다.)

    지급대상자인 경우 단위 기간별 출석률 80% 이상일 때 훈련장려금과 특별훈련수당은 합산되어 지급됩니다.
    합산 시 단위기간(1개월)별 최대 316,000원 지급받을 수 있으나, 고용노동부의 정책에 따라 변동될 수 있습니다.
    지급 조건 및 기타 자세한 사항은 아래에서 확인해 주세요.

    [훈련 장려금은 어떻게 지급되나요?]

    국민취업지원제도 프로그램 중에도 K-디지털 트레이닝을 병행할 수 있습니다.

    단, 지원 전 반드시 고용센터 담당자에게 알리고 담당자를 통해 수강 신청을 하셔야 합니다.

    자주 묻는 질문 안내 페이지 참고

    K-디지털 트레이닝 과정 수강했던 이력(수료/하차/포기)이 있다면 훈련 비용의 전액 지원이 아닌 자비부담금이 발생합니다. (K-디지털 기초역량학습 과정 참여 이력은 무관)

    이전 수강 이력이 있어도 지원은 가능하지만, 관할 고용센터를 통한 자비부담금을 먼저 확인 후 지원을 고려해주시기 바랍니다.

    프론트엔드 개발 부트캠프

    프로그래밍 언어에 대한 지식이 있다면 코스를 훨씬 수월하게 따라오실 수 있습니다.
    하지만 프로그래밍 언어가 낯설거나 개발에 대한 배경지식이 없어도 논리적 사고를 하실 수 있다면 충분히 과정을 수료하실 수 있습니다.
    무엇보다 중요한 것은 문제를 해결하려는 의지와 수료 후 개발자로서 커리어 로드맵을 그리기 위한 자기 주도 학습에 대한 열정(의지)입니다.
    모르는 부분은 스스로 찾아보고, 이해하기 위해 질문하고 공부하는 태도만 있다면 사전 지식이 없더라도 가능합니다.

    프론트엔드 부트캠프는 100% 온라인으로 운영됩니다.

    *22년 12월 15일 개강한 43기(정부지원 5회차)부터 100% 온라인 교육으로 진행되었습니다.
    *22년 10월 20일 개강한 42기(정부지원 4회차) 까지 온/오프라인 혼합과정으로 진행되었습니다.

    개인 노트북(컴퓨터), 이어폰, 웹 캠(필수)이 필요합니다.

    아래의 내용을 모두 확인해 주세요.

    [학습에 필요한 최소/권장 사양]

    [예비 수강생의 공통 준비사항]

    부트캠프 학습을 마친 후, 전문 커리어 코치의 세션 및 코칭을 통해 개발자로서 취업하실 수 있도록 지원합니다.

    해당 기간 동안 이력서 작성법, 코딩 인터뷰 연습, 모의 면접 등 다양한 세션과 과제를 통해 밀도있게 구직을 준비할 수 있습니다.

    부트캠프를 수료하시면,

    1. 수료생 전용 커리어 플랫폼인 더코스십을 통해 채용 정보를 확인하고 파트너사에 직접 지원할 수 있습니다.
    2. 취업을 하실 때까지, 코드스테이츠에서 구직관련 도움을 정기적으로 받을 수 있습니다.
    3. 코드스테이츠 수료생들이 개발자로 이미 활약하고 있는 회사에서 함께 일할 가능성이 높아집니다.

    보다 자세한 내용은 다음 내용을 확인해주세요. 👉 커리어 코칭과 수료생 커뮤니티

    한 기수 개강반마다 교육할 수 있는 정원은 지정되어 있습니다. (지원 인원 및 정책 변경에 따라 선발인원이 변경될 수 있습니다.)

    따라서, 합격점을 받더라도 정원에 포함되지 않는 경우가 발생할 수 있습니다. 해당 인원은 대기 합격자로 안내드리며, 개강 전 수강 포기 인원이 발생하면 순차적으로 추가 탑승 안내를 드립니다.

    2개월 주기로 개강하는 것을 목표로 하고 있으며, 개강/모집 일정이 확정되면 코드스테이츠 홈페이지를 통해 확인하실 수 있습니다.

    각 지원 절차의 역할과 선발 과정에 대한 궁금증을 해결해드리기 위해 코드스테이츠의 선발 절차를 담당하고 있는 크루의 인터뷰를 준비했어요.

    지금 바로 확인해보세요. 👉 인터뷰 보러가기

    네, 코드스테이츠 백엔드 부트캠프 소개 페이지를 확인해주세요! 👉 백엔드 부트캠프 보러가기

    곧 모집이 시작됩니다! 알림을 신청해주세요.

    모집이 시작되면 빠르게 알려드릴게요.