프론트엔드 개발자 부트캠프
사용자 친화적 웹 서비스 개발 능력을 갖춘 프론트엔드 개발자 양성 과정프론트엔드 개발자 부트캠프
사용자 친화적 웹 서비스 개발 능력을 갖춘 프론트엔드 개발자 양성 과정프론트엔드 개발자 부트캠프
사용자 친화적 웹 서비스 개발 능력을 갖춘 프론트엔드 개발자 양성 과정모집 알림을 신청해주세요. 다음 기수 모집이 시작될 때 알려드릴게요!
모집 알림을 신청해주세요. 다음 기수 모집이 시작될 때 알려드릴게요!
100% 온라인
전액 국비 지원(무료)
6개월 과정
모집 알림을 신청해주세요.
다음 기수 모집이 시작될 때 알려드릴게요!
다음 기수 모집이 시작될 때 알려드릴게요!
부트캠프 추천 대상
혹시 이런 고민 중이신가요?
개발자로 도전은 하고 싶은데..부트캠프 추천 대상
혹시 이런 고민 중이신가요?
개발자로 도전은 하고 싶은데..부트캠프 추천 대상
혹시 이런 고민 중이신가요?
개발자로 도전은 하고 싶은데..
정부 지원 / 학습 기간 / 채용 추천 파트너사
코드스테이츠에서 해결하세요!
개발자가 되기 위한 학습에만 집중할 수 있는 환경을 만들어 드립니다.정부 지원 / 학습 기간 / 채용 추천 파트너사
코드스테이츠에서 해결하세요!
개발자가 되기 위한 학습에만 집중할 수 있는 환경을 만들어 드립니다.정부 지원 / 학습 기간 / 채용 추천 파트너사
코드스테이츠에서 해결하세요!
개발자가 되기 위한 학습에만 집중할 수 있는 환경을 만들어 드립니다.프리미엄 교육을
국비 지원으로 부담없이
0원
K-디지털 트레이닝 최초 수강 시개발자가 되기 위한
최소한의 학습시간
6개월
코드스테이츠
채용 추천 파트너사
510여개
2023. 08 기준높은 취업률, 다양한 분야의 취업 기업
취업률 87%, 취업 기업
2000여개 이상
이미 많은 분들이 코드스테이츠에서
개발자 커리어를 시작했습니다
높은 취업률, 다양한 분야의 취업 기업
취업률 87%, 취업 기업 2000여개 이상
이미 많은 분들이 코드스테이츠에서 개발자 커리어를 시작했습니다
높은 취업률, 다양한 분야의 취업 기업
취업률 87%, 취업 기업 2000여개 이상
이미 많은 분들이 코드스테이츠에서 개발자 커리어를 시작했습니다
기초 학습부터 취업까지
개발자 커리어 시작의 모든 과정을 함께 합니다.
기초 학습부터 취업까지
개발자 커리어 시작의 모든 과정을 함께 합니다.
기초 학습부터 취업까지
개발자 커리어 시작의 모든 과정을 함께 합니다.
STEP 1
개발 전문가와 교육학전문가의 치밀한 커리큘럼 설계
소프트웨어 개발 학습에 필수적인 높은 실습 과제 비율
자기주도적 학습 능력 향상을 위한 메타인지 활동
STEP 1
개발 전문가와 교육학전문가의 치밀한 커리큘럼 설계
소프트웨어 개발 학습에 필수적인 높은 실습 과제 비율
자기주도적 학습 능력 향상을 위한 메타인지 활동
STEP 1
개발 전문가와 교육학전문가의 치밀한 커리큘럼 설계
소프트웨어 개발 학습에 필수적인 높은 실습 과제 비율
자기주도적 학습 능력 향상을 위한 메타인지 활동
STEP 2
개발 입문자도 따라올 수 있는 난이도 구성
학습 목표 설계 프레임워크에 기반한 단계적 난이도 상승
STEP 2
개발 입문자도 따라올 수 있는 난이도 구성
학습 목표 설계 프레임워크에 기반한 단계적 난이도 상승
STEP 2
개발 입문자도 따라올 수 있는 난이도 구성
학습 목표 설계 프레임워크에 기반한 단계적 난이도 상승
STEP 3
탄탄한 개념학습과 풍부한 실습과제
250개의 개념 문제 / 60개의 데일리 코딩 문제 /
30개의 실전형 과제
STEP 3
탄탄한 개념학습과 풍부한 실습과제
250개의 개념 문제
60개의 데일리 코딩 문제
30개의 실전형 과제
STEP 3
탄탄한 개념학습과 풍부한 실습과제
250개의 개념 문제
60개의 데일리 코딩 문제
30개의 실전형 과제
STEP 4
배운 내용들로 만드는 실전 프로젝트
실무자 멘토, 프론트엔드 부트캠프 수강생과 함께
완성하는 최종 결과물
STEP 4
배운 내용들로 만드는 실전 프로젝트
실무자 멘토, 프론트엔드
부트캠프 수강생과 함께
완성하는 최종 결과물
STEP 4
배운 내용들로 만드는 실전 프로젝트
실무자 멘토, 프론트엔드
부트캠프 수강생과 함께
완성하는 최종 결과물
STEP 5
개발자 커리어를 위한 배움, 커리어 코칭
이력서 작성부터 면접, 구직 전략 학습
그리고 ‘나만의 구직 자료’ 만들기
STEP 5
개발자 커리어를 위한 배움, 커리어 코칭
이력서 작성부터 면접,
구직 전략 학습 그리고
‘나만의 구직 자료’ 만들기
STEP 5
개발자 커리어를 위한 배움, 커리어 코칭
이력서 작성부터 면접,
구직 전략 학습 그리고
‘나만의 구직 자료’ 만들기
코드스테이츠 졸업생에게 듣는 생생한 취업 후기
개발자가 되고 싶은 디자이너, 문과생 그리고 재취업하고 싶은 개발자까지
코드스테이츠 졸업생에게 듣는 생생한 취업 후기
개발자가 되고 싶은 디자이너, 문과생 그리고 재취업하고 싶은 개발자까지
코드스테이츠 졸업생에게 듣는 생생한 취업 후기
개발자가 되고 싶은 디자이너, 문과생 그리고 재취업하고 싶은 개발자까지
디자이너에서 대기업 개발자로 커리어 전환 성공! 지원재님의 이야기를 확인해보세요!
디자이너에서 대기업 개발자로 커리어 전환 성공! 지원재님의 이야기를 확인해보세요!
800시간의 몰입, 수료 후 4개 기업에서 오퍼받은 비결.
수료생 박준홍님
“계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.
수료생 정인용님
코딩 부트캠프 통해 배운 것, 실리콘밸리에서도 유용해요.
수료생 김형석님
게임 좋아하던 문과생의 프론트엔드 개발자 도전기.
수료생 양의현님
800시간의 몰입, 수료 후 4개 기업에서 오퍼받은 비결.
수료생 박준홍님
“계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.
수료생 정인용님
코딩 부트캠프 통해 배운 것, 실리콘밸리에서도 유용해요.
수료생 김형석님
게임 좋아하던 문과생의 프론트엔드 개발자 도전기.
수료생 양의현님
800시간의 몰입, 수료 후 4개 기업에서 오퍼받은 비결.
수료생 박준홍님
“계속 이렇게 일하면 안 되겠다.”커리어 발전을 위한 재도전.
수료생 정인용님
코딩 부트캠프 통해 배운 것, 실리콘밸리에서도 유용해요.
수료생 김형석님
게임 좋아하던 문과생의 프론트엔드 개발자 도전기.
수료생 양의현님
프로젝트 멘토링
완성도 높은 프로젝트를 위해 현직자 멘토가 함께 합니다.
프로젝트 멘토링
완성도 높은 프로젝트를 위해 현직자 멘토가 함께 합니다.
현직자와 직접 교류하는 경험은 실전에 뛰어들 여러분에게 자신감이 될 것입니다.프로젝트 멘토링
완성도 높은 프로젝트를 위해 현직자 멘토가 함께 합니다.
현직자와 직접 교류하는 경험은 실전에 뛰어들 여러분에게 자신감이 될 것입니다.
“멘토링 덕분에 프로젝트 초보인 저희도 감을 잡고 수월하게 진행 할 수 있었습니다. 멘토님 말씀대로 현업에서 만날 그때까지 노력하겠습니다.”
- 39기 박** -
“매번 형식상 만나는 것이 아니라 진심으로, 하나라도 더 도움을 주려고 하시는 마음을 많이 느꼈습니다. 정리해주신 자료들은 프로젝트가 끝난 후에도 보게 될 것 같습니다.”
- 39기 이** -
“현직 개발자분이 멘토로 참여해주셔서, 실제 현업에서 진행하는 개발 프로세스에 대해 배울 수 있었습니다. 실무에 투입되어서 잘 할 수 있을지 걱정했는데 많은 도움이 되었습니다.”
- 39기 김** -
프론트엔드 부트캠프 수강생 프로젝트
수강생들의 실력으로 직접 만든 프로젝트 결과물을 확인해 보세요.
주제 선정부터 기획, 개발, 배포까지! 전체 사이클을 온전히 경험하세요.프론트엔드 부트캠프 수강생 프로젝트
수강생들의 실력으로 직접 만든 프로젝트 결과물을 확인해 보세요.
주제 선정부터 기획, 개발, 배포까지! 전체 사이클을 온전히 경험하세요.프론트엔드 부트캠프 수강생 프로젝트
수강생들의 실력으로 직접 만든 프로젝트 결과물을 확인해 보세요.
주제 선정부터 기획, 개발, 배포까지! 전체 사이클을 온전히 경험하세요.과정 중 최소 2번의 팀 프로젝트를 진행합니다.
1차
프로젝트 진행 프로세스를 익히고, 배운 내용을 복습
2차
포트폴리오를 만드는 퍼포먼스 위주 프로젝트
팀1
JU:SE
개발 입문자와 주니어를 위한 프로젝트/스터디 매칭 플랫폼
- 관심 스택만 빠르게 모아볼 수 있는 스택별 필터 보기와 개발자의 편의성을 위해 깃허브 소셜 로그인을 구현하였습니다.
- React Query를 통해 최신 데이터 가져오기, 무한 스크롤 등을 구현하여 서버의 상태를 쉽게 관리할 수 있도록 제작하였습니다.
팀2
Roobits
당신의 특별한 하루(D-day)를 위한 단 하나뿐인 게시판
- 사용자가 보기 편하면서도 재미를 느낄 수 있는 빌딩 형태의 화면을 구현하였습니다.
- jwt토큰의 claim 요소를 이용하여 해당 회원이 홈페이지 회원가입 회원인지 구글(oauth2.0) 회원가입 이용자인지 구분할 수 있게 기능을 구현하였습니다.
팀3
알바멍!
사랑스러운 나의 반려견을 믿고 맡길 수 있는 펫시터 플랫폼
- 전반적인 사용자 경험의 향상을 위해서 북마크, 댓글, 지원 등의 모든 활동이 새로고침 없이 부드럽게 이루어질 수 있도록 했습니다. S3에 Presigned URL을 이용해 반려견 이미지, 산책 중 사진 공유 등 이미지 업로드 기능을 구현하였습니다.
코드스테이츠만의 학습방법
제대로 개발 공부를 시작하고 싶다면?
개발 부트캠프만 40기 이상을 운영해 온 전문 기관에서 하세요.코드스테이츠만의 학습방법
제대로 개발 공부를 시작하고 싶다면?
개발 부트캠프만 40기 이상을 운영해 온 전문 기관에서 하세요.코드스테이츠만의 학습방법
제대로 개발 공부를 시작하고 싶다면?
개발 부트캠프만 40기 이상을 운영해 온 전문 기관에서 하세요.
협업 능력 up
|페어 프로그래밍
과정 중 평균 35명과 쌍을 이뤄 함께 코드를 짜는 프로그래밍 방법
- 필드에서 만날 다양한 개발자들과 원만하게 협업하기 위한 연습
- 내가 아는 것을 상대방이 이해할 수 있도록 설명하는 연습을 통해 자연스럽게 기술면접을 위한 기본기 대비
- 혼자 공부하는 것이 아닌 동기들과 소통하며 온라인의 한계를 뛰어넘는 진짜 네트워킹 경험
사고력 up
|코플릿
코드스테이츠에서만 만날 수 있는 자체 개발 코딩 문제 풀이 서비스
- 352개의 맞춤형 코딩 문제를 제공하며, 과정 복습 + 심화 문제 + 문제 해결 능력 향상 문제를 통해 기본기를 탄탄히 하고 사고력을 키우세요
고민 해결 up
|아고라스테이츠
코치들과 수강생들이 함께하는 질의응답 플랫폼
- 혼자 공부하다가도 모르는 것은 언제든지 질문하세요! 누구나 묻고 답하는 선순환구조와 24시간(영업일 기준) 이내 답변 시스템과 100%의 답변
코드스테이츠 수강생만의 혜택
‘함께 시작’하고 ‘끝까지 함께’ 하는 코드스테이츠.
전문 커리어코치가 제공하는맞춤형 커리어 코칭을 받을 수 있어요.
코드스테이츠 수강생만의 혜택
‘함께 시작’하고 ‘끝까지 함께’ 하는 코드스테이츠.
전문 커리어코치가 제공하는 맞춤형 커리어 코칭을 받을 수 있어요.코드스테이츠 수강생만의 혜택
‘함께 시작’하고 ‘끝까지 함께’ 하는 코드스테이츠.
전문 커리어코치가 제공하는 맞춤형 커리어 코칭을 받을 수 있어요.
프론트엔드과정 과정 커리큘럼 시간표
프론트엔드과정과정
커리큘럼 & 시간표
프론트엔드과정 과정 커리큘럼 시간표
프론트엔드과정과정
커리큘럼 & 시간표
프론트엔드과정 과정 커리큘럼 시간표
프론트엔드과정과정
커리큘럼 & 시간표
week 1 - 4
웹 프론트엔드 개발의 기초지식을 기반으로 스스로 단순한 Web App을 만들 수 있다.
[개발 학습법]
프론트엔드 부트캠프에 잘 적응할 수 있도록 학습 방법과 마음가짐을 안내합니다.
[HTML/CSS] 기초와 활용
HTML/CSS의 기초 문법을 이해하고 응용하여 다양한 디자인과 레이아웃을 구현합니다. HTML, CSS와 JavaScript의 기초 제어문을 활용하여 계산기를 제작합니다.
[JavaScript] 기초 | 핵심 개념
JavaScript 기초 문법(변수, 함수, 타입)과 제어문(반복문, 조건문)을 이해합니다. 기초 문법과 제어문을 적용하여 배열과 객체를 이해합니다. JavaScript 프로그램 작성을 위한 핵심 개념을 익히고, 코드를 분석하고 오류를 찾는 연습을 합니다.
[DOM] 기초
JavaScript DOM으로 웹 페이지에 변화를 주는 법을 배우고, 간단한 유효성 검사를 할 수 있습니다.
[솔로 프로젝트] 간단한 Web App 만들기
Section 1에서 학습한 내용을 바탕으로 나만의 아고라 스테이츠 페이지를 제작합니다.
[회고] Section 1
Section 1에서 배운 내용을 회고하면서, 스스로 문제점을 파악하고 개선합니다.
※ 더욱 효과적인 학습을 위해 커리큘럼을 꾸준히 개선하고 있어, 보고 계신 내용과 실제 학습 내용은 약간의 차이가 있을 수 있습니다.
커리큘럼 자세히 보기
지원 단계
지원 단계
지원 단계
STEP 1
코드스테이츠 지원
온라인 지원 단계를 모두 제출하시면 심사가 시작됩니다.
STEP 2
심사 결과 안내
지원하신 번호의 알림톡(또는 문자)으로 영업일 기준 3일 이내에 심사 결과를 안내드립니다.
STEP 3
HRD-Net 수강신청
합격자를 대상으로 HRD-Net 수강신청 절차를 안내드립니다.
STEP 4
부트캠프 수강
새로운 도전이 시작됩니다. 열심히 참여해주세요!
자주 하는 질문
수강 신청 전에 꼭 확인하세요.
자주 하는 질문
수강 신청 전에 꼭 확인하세요.
자주 하는 질문
수강 신청 전에 꼭 확인하세요.
K-디지털 트레이닝프론트엔드 개발 부트캠프
다음 기수 모집이 시작되면 알려드릴게요!
다음 기수 모집이 시작되면 알려드릴게요!
사용자 친화적 웹 서비스 개발 능력을 갖춘 프론트엔드 개발자 양성 과정
100% 온라인 전액 국비 지원(무료) 6개월 과정
다음 기수 모집을 기다리신다면
상단의 모집 알림 신청 버튼을 클릭해 주세요.
강의 구성
💻 수강생 Only | 코딩 문제풀이 플랫폼, ‘코플릿’ 제공
🧑🏻🏫 개발자 멘토와 함께 하는 프로젝트
👩🏫 전문 커리어코칭 서비스 제공
🏝 코드스테이츠 커뮤니티 초대(행사, 네트워킹)
💌 수강생 Only | 취업 지원 서비스 ‘코드십’ 제공
💼 430개 이상의 채용 파트너사에 인재 추천
🎓 교육 수료증 제공
🧑🏻🏫 개발자 멘토와 함께 하는 프로젝트
👩🏫 전문 커리어코칭 서비스 제공
🏝 코드스테이츠 커뮤니티 초대(행사, 네트워킹)
💌 수강생 Only | 취업 지원 서비스 ‘코드십’ 제공
💼 430개 이상의 채용 파트너사에 인재 추천
🎓 교육 수료증 제공