Name: [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
Price: 297000 KRW

'진짜' 부트캠프에서 만든
[완벽한 프론트엔드 코스]는요

"코딩의 '코'자도 모르는 나.. 개발자로 취업할 수 있을까?" 그런 걱정은 당장 넣어두세요.
이 강의에서는 쌩초보도 현업 개발자 수준으로 성장할 수 있도록 탄탄한 기초 강의부터 시작하니까요!

온·오프라인으로 2,000명이 넘는 수강생이 선택한 '고농축 프론트엔드 코스 '
더 강력하게 업데이트 되어 '완벽한 프론트엔드 코스'로 다시 찾아 왔습니다😀

프론트엔드의 핵심 기술
우리는 왜 React.js와 Next.js를 사용해야 할까요?

Next.js는 React 라이브러리의 프레임워크예요. React와 달리 기본적으로 Next.js는 Server-Side Rendering (SSR)을 하기 때문에 검색엔진 최적화(SEO, Search Optimiziation)에 좋아요. 또한 pre-rendering을 통해 미리 데이터가 렌더링 된 페이지를 가져올 수 있게 해주므로 사용자 경험 면에서도 유리하죠.

이 외에도 페이지 기반 라우팅, 이미지 최적화, built-in-css등을 제공해서 프로젝트 성능을 향상해 주고 개발자들이 개발하기 편한 환경을 제공하니, 효율성 있고 성능 높은 개발을 할 수 있습니다 :)

마지막으로 이제는 하이브리드앱 시대!
React와 Next를 기반으로 React.Native와 Expo를 활용해 더욱 편리하고 효율적으로 하이브리드앱을 개발하고 안드로이드와 IOS에 서비스를 구축할 수 있습니다.

게다가 완프 강의 하나로
이만-큼의 스택을 한 번에 겟!

이 강의에서는 프로젝트를 통해 React와 Next.js 뿐만 아니라, Typescript, Graphql 등 다양한 주요 스택을 활용하며 학습을 진행해요. 하나의 기능을 구현하기 유기적으로 연결된 언어들의 사용 방법을 습득하며, 자연스럽게 다양한 기술 스택을 이해하게 될 거에요.

진짜 실무에서는 다양한 언어와 기술 스택을 적절히 사용하며 최고의 효율을 낼 수 있어야 하니까요!

*version: 수강 시 사용하는 주요 스택 버전입니다. (필요시 참고해주세요!)

-"next": "14.2.13",
-"react": "^18",
-"react-dom": "^18",
-"typescript": "^5"
-"@apollo/client": "^3.11.8",
-"graphql": "^16.9.0",
-"react-hook-form": "^7.53.1",
-"zod": "^3.23.8",
-"zustand": "^5.0.0",
-"tailwindcss": "^3.4.1",

'Version'과 해당 기술 스택에 대한 이해가 없어도 괜찮아요. 강의에서 꼼꼼하고 친절하게 설명해 드릴게요:)

💡 컴퓨터 사양을 확인해주세요.

· Mac OS는 사양 무관합니다.  
· Window OS를 사용할 경우, git-bash 설치가 필요합니다. 
 - 수업자료 > 환경 세팅을 참고해주세요.  
 - Intel Core i5 9세대 이상 / AMD RYZEN 5 2세대 이상 

- RAM 16GB 이상 추천

💡일과표를 만들어 규칙적으로 꾸준히 학습하시길 권장해요.
💡학습 자료를 받기 위해 협업툴 ‘노션’ 계정을 만들어주세요.
💡수강에 필요한 학습자료는 노션(링크)으로 제공됩니다.
※ 학습 자료의 저작권은 코드캠프에게 있습니다. 무단 도용 · 배포 · 복제를 금지합니다.

Q. 아무런 지식 없이 수강해도 될까요?

네. 코딩의 '코'자를 몰라도 괜찮아요. 더 깊고 넓게 이해할 수 있도록 쌩기초 과정인 '시작은 프리캠프'와 부트캠프로 가기 위한 중간 과정인 'CSS&JS 마스터 과정'을 함게 제공하고 있어요.

Q. 기초 지식이 있다면 어디부터 수강하면 되나요?

기초적인 HTML, CSS, Javascript만 이해하고 있다면, 'CSS&JS 마스터 과정'부터 시작하는 것을 추천드려요. 만약 국비교육, 기타 온라인 교육 등으로 CSS와 Javascript가 튼튼하다면 바로 '웹 프론트엔드 부트캠프'부터 시작해도 좋아요.

Q. 웹 프론트엔드 부트캠프 강의를 효율적으로 수강하는 방법이 있나요?

섹션별 강의를 수강해주세요! 평균적으로 한 섹션당 3~5개 소주제로 나누어져 있어요. 체계적인 수업인 만큼, 일과표를 만들어서 규칙적으로 학습하는 것을 추천해요!
학습과제가 있다면 과제를 진행해주세요! 학습과제는 있는 섹션과 없는 섹션으로 나누어져 있어요. 포트폴리오 과제를 하기 전에 학습 과제를 해본다면 도움이 될꺼에요!
필수과제(포트폴리오 과제)를 진행해주세요! 섹션 내용을 기반으로 제공되는 섹션별 필수 과제는 포트폴리오 제작을 위해 반드시 해야해요! 단, 참고할 수 있는 레퍼런스코드는 중반까지만 제공되고 있어요! 그 이후부터는 모든 코드를 스스로 짤 수 있어야 진짜 포트폴리오르 사용할 수 있다는 점 명심해주세요.

Q. 계단식 커리큘럼이 무엇인가요?

완벽한 프론트엔트의 커리큘럼은 꼬리에 꼬리를 무는 연속적인 강의 구성을 가지고 있어요!
예를 들어 [Section 26-02 리프레시토큰]을 수강하기 위해서는 [Section 23-07]에서 작성한 코드를 복사해와서 수업을 이어가고 있습니다. 즉, [Section 23-07]을 수강해서 코드를 작성했어야 하고, 또한 복습도 해서 해당 코드가 무엇인지 알고 있어야 되겠죠?

특정 섹션을 건너띄고 궁금한 섹션을 수강하고 싶어도 걱정하지 마세요! 강사님의 수업 코드를 별도로 다운로드 받을 수 있도록 제공되고 있어요! 하지만 수업을 통해 직접 작성한 코드가 아니라 다운로드 받은 코드였다면 해당 코드를 이해할 수 있어야 잘 따라갈 수 있다는 점은 꼭, 반드시 명심해주세요!

Q. 수강 중 궁금한 점이 생겼어요.

커뮤니티에 질문을 남겨주세요. 빠른 시일 내에 속 시원한 답변을 달아드릴께요😁

13,136

명

수강생

365

개

수강평

188

개

답변

4.8

점

강의 평점

개

강의

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

해당 강의에서 제공:

수업자료

수강평

전체

6개

5.0

6개의 수강평

김도영
수강평 1
∙
평균 평점 5.0
2025. 06. 09.
5
31% 수강 후 작성
jiyeon.kang
수강평 2
∙
평균 평점 5.0
2025. 04. 28.
5
100% 수강 후 작성
이혜나
수강평 8
∙
평균 평점 4.8
2025. 05. 06.
5
30% 수강 후 작성
다른 강의보다 더 훨씬 꼼꼼하게 자세히 알려주셔서 잘 따라올수 있었던것 같습니다!!! 앞으로 남은 강의 잘 달려보겠습니다!!!
ko
수강평 2
∙
평균 평점 5.0
2025. 04. 21.
5
60% 수강 후 작성
혜준
수강평 4
∙
평균 평점 5.0
2025. 03. 21.
5
30% 수강 후 작성

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

입문자를 위해 준비한 [프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

'진짜' 부트캠프에서 만든[완벽한 프론트엔드 코스]는요

시작은 프리캠프

CSS&JS 마스터🆕

웹 프론트엔드 부트캠프 🆕

하이브리드앱 부트캠프🆕

이런 분들에게는더없이 안성맞춤이죠

더 높은 커리어점프를 위해부트캠프의 수업자료와 과제를 제공해요

내 손으로 채운 코드로포트폴리오를 완성하세요.

시작은 프리캠프

CSS&JS 마스터

웹 프론트엔드 부트캠프

하이브리드앱 부트캠프

프론트엔드의 핵심 기술우리는 왜 React.js와 Next.js를 사용해야 할까요?

게다가 완프 강의 하나로이만-큼의 스택을 한 번에 겟!

빈틈 하나까지 놓치지 않는'선 넘는' 프론트엔드 부트캠프 커리큘럼

#01. React와 Next.js

#02. JS와 비동기핵심

#03. 컴포넌트 설계

#04. 캐시

#05. 로그인과 보안

#06. 심화기능

#07. 성능 최적화

#08. 프론트엔드 서버

#09. 테스트

#10. 웹 배포

#01. 모바일 CSS구조

#02. 웹/앱 통신

#03. 심화 기능

#04. 마이크로 프론트엔드

#05. 앱 로그인

#06. 앱 배포

[완벽한 프론트엔드 코스]수강 후엔 나도 개발자!

더 높은 커리어점프를 위해[백엔드 코스]도 준비했어요.

연관 추천강의 :

잠깐!수강 전 확인해주세요.

혹시궁금한 점이 있으신가요?

Q. 아무런 지식 없이 수강해도 될까요?

Q. 기초 지식이 있다면 어디부터 수강하면 되나요?

Q. 웹 프론트엔드 부트캠프 강의를 효율적으로 수강하는 방법이 있나요?

Q. 계단식 커리큘럼이 무엇인가요?

Q. 수강 중 궁금한 점이 생겼어요.

팀 코드캠프를소개합니다.

이런 분들께 추천드려요!

안녕하세요 코드캠프입니다.

커리큘럼

수강평

코드캠프님의 다른 강의

비슷한 강의

연관 로드맵

입문자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

'진짜' 부트캠프에서 만든
[완벽한 프론트엔드 코스]는요

이런 분들에게는
더없이 안성맞춤이죠

더 높은 커리어점프를 위해
부트캠프의 수업자료와 과제를 제공해요

내 손으로 채운 코드로
포트폴리오를 완성하세요.

프론트엔드의 핵심 기술
우리는 왜 React.js와 Next.js를 사용해야 할까요?

게다가 완프 강의 하나로
이만-큼의 스택을 한 번에 겟!

빈틈 하나까지 놓치지 않는
'선 넘는' 프론트엔드 부트캠프 커리큘럼

[완벽한 프론트엔드 코스]
수강 후엔 나도 개발자!

더 높은 커리어점프를 위해
[백엔드 코스]도 준비했어요.

잠깐!
수강 전 확인해주세요.

혹시
궁금한 점이 있으신가요?

팀 코드캠프를
소개합니다.

이런 분들께
추천드려요!

안녕하세요
코드캠프입니다.