Thumbnail
개발 · 프로그래밍 프론트엔드

[프론트엔드/백엔드] 2개월만에 개발자가 되는 '관리형' 코딩 부트캠프 대시보드

(5)
11개의 수강평 ∙  35명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 코드캠프
총 222개 수업 (179시간 39분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

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

우리에게 필요했던 그 강의! 인프런에 처음 나타난 '진짜' 관리형 개발자 부트캠프입니다. 빠른 성장을 위해서는 '체계적인 커리큘럼'과 '제대로 된 관리'가 필수죠. 하루에 한 명 이상의 개발자를 배출하는 코드캠프에서 찐-한 노하우를 담아 강의부터 케어까지 합리적인 수강료로 제공해요. 비전공자, 타직종, 지식의 유무와 관계없이 교육의 기회가 주어지도록 코드캠프가 응원합니다💪🏻

✍️
이런 걸
배워요!
최신 기술스택을 활용한 포트폴리오 2개
Pairing friends와 쌓는 개발 커뮤니케이션 역량
팀프로젝트를 통한 협업능력 고도화
직면하는 다양한 문제들을 스스로 해결하는 스킬
각 포지션의 개발 사이클 완벽이해
즉각 피드백을 통한 빠른 성장 실현

노베이스도 가능한
‘진짜’ 온라인 부트캠프, 지금 바로 만나보세요!

전 과정 모집 마감되었습니다.

 

💡 강의 구매 전 사전 상담이 필요합니다. 

  • 이 강의는 멘토링이 제공되는 [관리형]부트캠프입니다.
  • 할인된 금액은 결제 시, 할인 쿠폰을 제공합니다.
  • 강의 구매 7일 경과 후에는 별도의 환불이 어려우니 꼭! 상담 완료 후 강의를 구매해주세요.
  •  8주(평일 09:00-18:00) 동안 코딩에 몰입할 수 있는 시간을 요구합니다!

모집 마감 되었습니다.


 

2개월 후 개발자가 되고싶은
분들에게 추천할게요.

합리적인 부트캠프
수강료를 원해요.

협업 능력
기르고 싶어요.

전문적인 케어
받고싶어요.

빠르게 취업하고
싶어요.

체계적인
커리큘럼을 원해요.


'진짜'관리형 부트캠프 
이렇게 진행돼요.

[ 신청서 제출 → 상담 → 등록안내 → 강의 구매 → 프로그램 설치안내 → 캠프 시작! ]

※ 등록 안내 및 프로그램 설치 안내는 신청서에 기재한 메일로 발송됩니다.

Step 01. 신청하기

강의 구매 전 아래 링크를 통해 신청서를 제출해주세요. 제출하신 신청서를 토대로 간단한 상담이 이루어 집니다. 상담 후 발송되는 안내 메일에 따라 강의를 구매해주세요.
※ 강의 구매 7일 경과 후에는 별도의 환불이 어려우니 꼭! 상담 완료 후 강의를 구매해주세요.

신청서 작성 전, 꼭! 확인해주세요.

  • 신청서를 통해 프론트엔드 또는 백엔드 중 원하는 코스를 선택해주세요.
  • 본 부트캠프는 선택한 코스에 따라 8주동안 멘토링 및 케어가 이루어집니다.
  • 강의 영상은 신청시 선택한 코스와 별개로 프론트엔드와 백엔드가 일괄 제공됩니다.
  • 신청서 작성 전, 별도의 문의는 [수강전 문의]를 이용해주세요.
  • 같은 내용을 다루고 있는[고농축 프론트엔드 코스], [고농축 백엔드 코스], [가장 쉽게 배우는 실무중심 풀스택]로드맵 구매이력이 있는 수강생에게는 별도의 할인 쿠폰이 제공됩니다.
    ※ 강의 및 학습 자료의 저작권은 코드캠프에게 있습니다. 무단 도용 · 배포 · 복제를 금지합니다.

꼭! 확인해주세요.

상담 후 등록을 완료해주신 모든분에게 [시작은 프리캠프], [강력한 CSS], [훈훈한 Javascript] 강의를 무료로 등록해 드려요. 단, 기초 강의 수강 기간은 부트캠프 기간(8주)에 포함되지 않으므로 등록하신 기수의 개강 일정에 맞추어 수강해 주시기 바랍니다 :)
※ 약 3주가 소요되는 체계적인 시간표가 궁금하시다면, 코드캠프에 문의해주세요.


Step 02. 캠프진행

8주 동안 디스코드 및 메타버스에서 만날 거예요. 본 부트캠프는 멘토링과 함께 체계적으로 짜인 일과표를 토대로 수업이 진행됩니다. 수료할 즈음엔 최신 기술 스택으로 실무에 바로 적용 가능한 2가지 포트폴리오를 만들 수 있어요.

Step 03. 커뮤니티

본 부트캠프 과정 수료생을 모두 만날 수 있는 디스코드 커뮤니티에 합류하세요. 취업 정보부터 채용 정보까지 공유하며 개발자 인맥을 형성할 수 있어요.

(선택) 팀 프로젝트

수료 후 약 4주 동안 희망자에 한해 팀프로젝트가 진행돼요. 프론트엔드 코스 수료생과 백엔드 코스 수료생이 팀을 이루어 서비스의 기획부터 배포까지 함께하죠. 팀프로젝트 기간에는 질의응답이 제공되지 않지만, 올바른 방향을 찾을 수 있도록 점검 및 피드백이 이루어져요. 마지막 날엔 프로젝트 결과물을 발표하는 Demoday가 열린답니다. 팀프로젝트 기간은 개개인의 역량을 한껏 끌어올릴 수 있는 기회가 될 거예요 :)

※ 팀 프로젝트는 참여 인원 미달 시 진행되지 않을 수 있습니다. 희망 여부는 신청서를 통해 제출해주세요.


수강료부터 확! 낮춘
갓성비 부트캠프 여기있어요🖐🏻

타 부트캠프 대비 확실히 퀄리티 높은 강의와 멘토링을, 더 확실하게 낮춘 수강료로 경험할 수 있어요. 합리적인 금액으로 더 많은 분들에게 전해질 커리어 전환의 기회를 위해서죠 :) 증명된 커리큘럼에 현업 개발자인 멘토님과 열정적인 동기들, 끊임없는 즉각 피드백까지! 개발자가 되기 위한 가장 빠른 지름길입니다.


관리형 부트캠프
도대체 뭐가 다르죠?

✔ 혼자 하는 온라인 강의는 그만!

메타버스를 활용해 가상공간에서 동기, 멘토와 가장 가깝게 소통하며 학습해요.
서로 문제를 토론하고 해결해 나가며 함께 성장할거예요.

✔ 실시간으로 가능한 1:1 피드백

9 to 6 동안 상주 멘토가 메타버스에서 멘토링을 진행해요.
궁금한 점을 질문하면 빠르게 피드백해 드릴게요. 우리의 시간은 소중하니까.

✔ 체계적인 일과표를 통한 성장

부트캠프의 노하우를 담은 체계적인 일과표를 제공해요.
일과표에 따라 멘토링과 함께 학습한다면 누구보다 빠르게 커리어 점프를 할 수 있죠.

✔ 팀프로젝트로 협업 능력부터 포트폴리오까지

수료 후 팀프로젝트를 통해 추가 포트폴리오 뿐만 아니라 협업능력까지 갖출 수 있어요.
기획부터 구현, 배포까지 팀원들과 함께하니 이보다 더 완벽한 포트폴리오가 있을까요?

빠르게 개발자가 되는
확실한 포인트

📌 Point 01. Pairing programming
함께 공부할 수 있는 동기가 있다는 것은 실무에서도 큰 장점이죠. 관리형 부트캠프에서는 1주 단위로 Pairing friends(학습파트너)가 구성돼요. Pairing friends와 함께 소통하면서 협업 능력과 커뮤니케이션 역량을 쌓을 수 있죠.

📌 Point 02. 출결관리 & 일과표 제공
출결체크와 더불어 체계적으로 짜인 일과표를 바탕으로 수업이 진행돼요. 혹시 러닝커브가 낮은 수강생이라면 저녁 또는 주말을 포함해 선행학습을 해주세요. 같은 내용도 두 번 이해할 수 있으니 더 좋은 학습 효과가 나타나겠죠?

📌 Point 03. Question table
궁금한 점은 빠르게 해결하세요! 오피스아워(10:00-18:00)에 수강 중 궁금한 점이나 고도화된 지식이 필요하다면 멘토님께 질문을 남겨주세요. 1:1 멘토링 또는 PF팀이 있는 온라인 강의실에 직접 방문해서 궁금증을 해소시켜 주실 거예요.

📌 Point 04. 라이브 Q&A
당일 수업에 관련해 Question table에 남긴 질문들 중 모든 수강생에게 필요한 질문들을 종합해 해설해 드려요. 다른 수강생들은 수강 중 어떤 점이 궁금했는지, 내가 생각하지 못했던 부분들이 있는지 함께 알아갈 수 있죠. 이를 통해 사고를 확장하고 빈틈을 메꿀 수 있을 거예요.

📌 Point 05. 포트폴리오 피드백
프로젝트를 마무리할 때마다 내가 작성한 코드가 효율적인지, 더 좋은 방법이 있는지 멘토님이 피드백을 드려요. 이러한 피드백이 하나씩 모여 여러분의 코드가 더 탄탄해질 거예요.


프론트엔드 부트캠프에서는
어떤 내용을 배우나요? 👀

Step 01. 자유게시판 구현 
사용자가 글을 작성하고, 등록할 수 있는 게시판을 직접 구현해요. 웹페이지에서 나타나는 여러가지 기능을 직접 구현하고 적용하면서 웹의 기초부터 심화까지 다질 수 있어요.

Step 02. 이커머스 플랫폼 구현 
게시판 구현을 통해 웹 개발의 전체적인 사이클을 습득했다면 회원가입, 검색, 결제 등 더 많은 기능을 이용해 고도화해 볼 거예요. 이 프로젝트까지 마무리한 후에는 주니어 프론트엔드 개발자 수준으로 성장할 수 있어요!

🎯 총 2개의 실무 포트폴리오를 완성해요.

  • 01. 자유게시판 - UI · 리스트업 · 페이지네이션 · 글 수정 및 삭제 등 웹의 가장 핵심이 되는 기능들을 구현하고 이를 바탕으로 하나의 포트폴리오를 완성합니다.
  • 02. 중고마켓 - 첫번째 포트폴리오로 제작한 게시판을 중고마켓으로 고도화 하는 포트폴리오입니다. 로그인 · 권한분기 · 결제 · 이미지 처리 등의 기능을 구현합니다.

백엔드 부트캠프에서는
어떤 내용을 배우나요? 👀

Step 01. 특정 사이트 정보 가져오기 
사이트 내에 수많은 정보는 어디서 가져오고, 어떻게 처리해야 할까요? 데이터 긁어오는 방법을 배우고, 로직을 작성함에 있어 발생할 수 있는 법적 문제에 대해 함께 알아봅니다. 

Step 02. 업로드한 이미지의 관리 체계
이미지와 여러 파일들은 웹사이트에서 시각적으로 큰 부분을 차지하죠. 이것들은 과연 어디에 저장되어 있고 어떻게 처리되고 있는 것일까요? 우리는 그 프로세스를 이해하고 적용해 봄으로써 우리의 사이트가 한껏 풍부해지도록 합니다.

Step 03. 단어 검색 및 정보 가져오기 
원하는 정보만을 필터링해서 보여주는 소중한 검색 기능. 검색을 위해 서버에서의 처리법을 이해하고 직접 구현해볼 거예요. 우리의 웹사이트가 더 똑똑해지도록!

Step 04. 민감한 서비스의 서버에서 관리법 
보안에 대한 배우는 프로젝트입니다. 민감할 수 있는 데이터, 정보들을 안전하게 관리할 수 있도록 트랜잭션의 개념을 접목시켜서 학습할 거예요. 

🎯 총 2개의 실무 포트폴리오를 완성해요.

  • 01. 스타벅스 - Node.js로 진행하는 미니 프로젝트입니다. 스타벅스 앱의 회원가입을 구현하고, 데이터 크롤링을 통해 데이터를 추출합니다.
  • 02. 나만의 서비스 - Nest.js로 DB, ERD 등 배우는 내용을 직접 접목시켜 원하는 서비스를 구현합니다. 정해진 UI나 틀이 없기 때문에 강점을 부각시키며 개성있는 서비스를 구현할 수 있어요.

수강생이 직접 만든 
서비스를 소개합니다.

🎨 Artipul

미대생의 작품을 쉽게 구매할 수 있는 서비스에요. 메인페이지뿐만 아니라 결제 오픈 API로 포인트 충전, 결제를 가능하게 하고, Socket.io를 사용해 실시간 입찰 기능까지 구현했어요.

📙 Flog

여행 일정 · 가계부 · 여행 로그로 구성된 여행 가이드북 서비스에요. drag&drop 기능으로 여행 일정을 짜면 실시간으로 DB에 저장되어 사용성을 높였어요. 게다가 다른 유저와 일정을 공유할 수 있도록 구현했어요!


8주 후
나도 진짜 개발자!

🙌🏻 탄탄한 취업 포트폴리오 2개

🙌🏻 혼자서도 가능한 E-commerce platform 개발

🙌🏻 실무자 수준을 탑재한 예비 개발자

🙌🏻 현업에서 부드러운 커뮤니케이션을 하는 주니어 개발자

🙌🏻 최신 기술 스택을 다루는 주니어 개발자


부트캠프 수강생에게만
제공되는 다시 없을 혜택

 코캠 자체 수료증
추가 제공

프론트엔드·백엔드
강의 일괄 제공

전문 부트캠프
강의&자료 제공

주기적인 강의
업데이트

인프런 부트캠프
수료생 커뮤니티

고민은 취업을 늦출 뿐!
지금 바로 확실하게 시작하세요.

모집 마감 되었습니다.

강의 구매 전 위 링크를 통해 신청서를 제출해주세요. 신청서를 토대로 간단한 상담이 이루어집니다. 상담 완료 후 발송되는 안내 메일에 따라 강의를 구매해주세요.

※ 강의 구매 7일 경과 후에는 별도의 환불이 어려우니 꼭! 상담완료 후 강의를 구매해주세요.


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

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

네, 본 강의를 구매하시면 사전지식 유무에 관계없이 기초뿌시기 3종 강의(프리캠프, 강력한 CSS, 훈훈한 Javascript) 무료 쿠폰을 제공해 드려요. 기초를 먼저 쌓으신 후 코드캠프와 함께 개발자로 성장해보세요!

Q. 자격 요건이 있나요?

별도의 자격 요건은 없지만, 8주 동안 코딩에 몰입할 수 있는 열정과 의지가 있는 분들을 우선 선발하고 있어요. 의지만 있다면 모두에게 커리어 전환의 기회가 주어진답니다 :)

Q. 신청 전 궁금한 점이 있어요. 

신청서 작성 전 궁금한 점은 [수강 전 문의]를 이용해주세요. 영업일 내 최대한 빠르게 응대해드릴게요.

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

궁금한 점을 질문하는 [Question Table]을 활용해 주세요. 질문을 남기면, 상주 멘토님이 메타버스에서 직접 만나 궁금증을 해결해 주실 거예요!

Q. 풀스택으로 진행할 수는 없나요?

기수제로 진행되기 때문에 먼저 프론트엔드 코스 수강 후, 다음 기수의 백엔드 코스를 신청해주세요. 총 16주간 멘토링과 함께 프론트엔드 코스와 백엔드 코스를 집중적으로 학습하면 더 높은 커리어 점프를 실현할 수 있어요.

Q. 한 코스 수료 후 다른 코스도 신청하고 싶어요. 별도 할인이 있나요?

네. 프론트엔드 코스 수료 후 백엔드 코스를 신청할 경우, 별도의 할인 쿠폰이 제공됩니다.

Q. 멘토링은 안 할래요. 강의만 들을 수는 없나요?

강의만 듣고 싶다면 [인프런x코드캠프]가장 쉽게 배우는 실무중심 풀스택 로드맵을 확인해보세요. 해당 로드맵에 있는 강의들의 커리큘럼은 본 부트캠프와 동일합니다. 

Q. 강의 구매 후 바로 수강할 수 있나요?

강의 영상은 언제든 수강하실 수 있어요. 다만, 멘토링 및 케어는 정해진 일정에 따라 진행됩니다. 본격적으로 부트캠프를 시작하기 앞서 선행 학습을 하신다면 더 좋은 학습 효과가 나타나겠죠?

Q. '고농축 코스'와 다른 내용의 강의인가요?

고농축 코스와 동일한 내용을 다루고 있어요. 하지만, 본 부트캠프는 학습과 함께 가이드까지 해주는 케어와 멘토링 그리고 협업 프로젝트가 추가 구성된 코스예요. 여러분의 확실한 커리어 점프를 위해!


팀 코드캠프
소개합니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
HTML·CSS·Javascript 기초 지식을 가지고 있는 코린이
전문 커리큘럼 + 체계적인 관리로 커리어 점프하고 싶은 누구나
부담되는 부트캠프 수강료에 시작을 망설이는 예비 개발자
개발자로 취업하고 싶지만 포트폴리오가 부족한 대학생
혼자하는 공부가 더뎌 서포트가 필요한 예비 개발자
📚
선수 지식,
필요할까요?
(★추천★)[인프런x코드캠프] 시작은 프리캠프 강의 수강
충만한 의지와 끝까지 함께할 열정
코딩에 몰입할 수 있는 8주
HTML·CSS·Javascript 기초지식

안녕하세요
코드캠프 입니다.
코드캠프의 썸네일

"Try anything, Try everything!"

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

커리큘럼 총 222 개 ˙ 179시간 39분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 5. [프론트엔드] 라우팅 및 리렌더링
[5-1] 포트폴리오 리뷰와 라우팅 미리보기 52:39
[5-2] 비동기 통신과 리렌더링 37:44
[5-3] 동적 라우팅 및 예외처리 56:20
섹션 6. [프론트엔드] 폴더구조와 props 및 컴포넌트 재사용성 Ⅰ
[6-1] 포트폴리오 리뷰 - boardDetail 34:50
[6-2] 실무용 폴더구조와 props 58:54
[6-3] export vs export-default 37:04
섹션 7. [프론트엔드] 폴더구조와 props 및 컴포넌트 재사용성 Ⅱ
[7-1] 포트폴리오 리뷰 - container/presenter 파일 분리 25:23
[7-2] emotion에 props 던지기 및 setState의 작동원리 51:24
[7-3] map과 refetchQueries 01:22:53
섹션 8. [프론트엔드] 폴더구조와 props 및 컴포넌트 재사용성 Ⅲ
[8-1] 포트폴리오 리뷰 - map과 state 미리보기 44:43
[8-2] 컴포넌트 재사용성 45:38
[8-3] 수정/등록 페이지 컴포넌트 재사용 01:00:34
섹션 9. [프론트엔드] 타입스크립트 Ⅰ
[9-1] 포트폴리오 리뷰 - board edit page 58:06
[9-2] 타입스크립트 이론 기초 및 설치 49:20
[9-3] 타입스크립트 기초 실습 26:37
섹션 10. [프론트엔드] 타입스크립트 Ⅱ
[10-1] 포트폴리오 리뷰 - board comment 46:17
[10-2] 타입스크립트와 graphql-codegen에 대하여 01:09:33
[10-3] graphql-codegen 설치 및 실습과 기타 타입 01:06:35
섹션 11. [프론트엔드] 프레임워크/라이브러리와 레이아웃 구조 Ⅰ
[11-1] 포트폴리오 리뷰 - 타입스크립트로 변환 및 eslint 32:52
[11-2] 이벤트 전파와 버블링 및 코드 포멧터와 코드 린터 01:10:02
[11-3] eslint와 prettier 설정 및 UI 프레임 워크 44:18
섹션 12. [프론트엔드] 프레임워크/라이브러리와 레이아웃 구조 Ⅱ
[12-1] 포트폴리오 및 아이콘, 별점 실습 01:08:22
[12-2] 라이브러리 - Daumpostcode, modal 44:59
[12-3] state와 prev 29:00
섹션 13. [프론트엔드] 프레임워크/라이브러리와 레이아웃 구조 Ⅲ
[13-1] 포트폴리오 리뷰 - modal 46:01
[13-2] 레이아웃 구조잡기 및 props.children에 대한 이해 37:17
[13-3] 레이아웃 폴더구조 분리 및 Hidden 영역 설정 01:18:30
섹션 14. [프론트엔드] 프레임워크/라이브러리와 레이아웃 구조 Ⅳ
[14-1] 포트폴리오 리뷰 - layout 41:05
[14-2] 페이지네이션 01:02:36
[14-3] state 끌어올리기 01:03:48
섹션 15. [프론트엔드] 프레임워크/라이브러리와 레이아웃 구조 Ⅴ
[15-1] 포트폴리오 리뷰 - pagination 34:24
[15-2] 얕은 복사와 깊은 복사 및 댓글수정 이슈 01:28:30
[15-3] 라이브러리 - 무한스크롤 48:47
섹션 16. [프론트엔드] 컴포넌트와 생명주기
[16-1] 포트폴리오 리뷰 - pagination 및 inputs 리팩토링 39:20
[16-2] 클래스 컴포넌트와 생명주기 01:06:55
[16-3] 함수형 컴포넌트 생명주기 56:48
섹션 17. [프론트엔드] 백엔드 구조 및 파이어베이스 Ⅰ
[17-1] 포트폴리오 및 cors 에러 39:40
[17-2] 백엔드 구조이해 53:55
[17-3] 백엔드 구축 실습 01:06:52
섹션 18. [프론트엔드] 백엔드 구조 및 파이어베이스 Ⅱ
[18-1] 게시판 CRUD 만들기 실습 47:50
[18-2] 현업에서의 삭제 프로세스 48:44
[18-3] 파이어베이스 43:17
섹션 19. [프론트엔드] 이미지 업로드
[19-1] 포트폴리오 리뷰 - 파이어베이스, comment 01:00:08
[19-2] 이미지 업로드 프로세스 이해 및 실습 01:08:12
[19-3] 이미지 검증 실습 및 게시글에 등록하기 실습 50:21
섹션 20. 중간고사
섹션 21. [프론트엔드] 검색
[21-1] 포트폴리오 리뷰 - image upload 46:04
[21-2] 검색 프로세스 이해 및 구현 실습 45:17
[21-3] 검색 - 디바운싱과 쓰로톨링의 이해와 적용 46:50
섹션 22. [프론트엔드] 로그인과 권한 분기 Ⅰ
[22-1] 포트폴리오 리뷰 - search bar 25:11
[22-2] 컴포넌트와 props, el, prev, graphql-variables의 본모습 01:12:48
[22-3] global state의 이해와 fetchpolicy 01:08:44
섹션 23. [프론트엔드] 로그인과 권한 분기 Ⅱ
[23-1] 로그인 프로세스 59:52
[23-2] 암호화와 JWT 토큰 40:39
[23-3] 인증과 인가과정 실습 44:35
섹션 24. [프론트엔드] 로그인과 권한 분기 Ⅲ
[24-1] access Token의 저장과 next.js의 렌더링 원리 58:21
[24-2] 권한 분기와 HOF / HOC 58:10
[24-3] HOC와 권한분기 실습 55:55
섹션 25. [프론트엔드] 폼 라이브러리
[25-1] 비회원 장바구니 구현 리뷰 27:10
[25-2] 폼 라이브러리 43:24
[25-3] 검증 라이브러리와 공통컴포넌트 재사용 01:17:09
섹션 26. [프론트엔드] custom hooks
[26-1] 구조분해 할당 57:48
[26-2] custom hooks 51:26
[26-3] 타입스크립트의 generic 01:06:59
섹션 27. [프론트엔드] 카카오 지도 및 웹에디터 Ⅰ
[27-1] 카카오 지도 47:43
[27-2] SPA와 CSR에 대한 이해기반 카카오 CSR 이슈 보완 53:21
[27-3] refetch의 문제점과 개선방법 53:23
섹션 28. [프론트엔드] 카카오 지도 및 웹에디터 Ⅱ
[28-1] 웹에디터의 이해 및 실습 55:57
[28-2] 크로스 사이트 스크립트(XSS)이해 51:37
[28-3] dompurify와 하이드레이션 54:39
섹션 29. [프론트엔드] 결제 및 이벤트 루프 Ⅰ
[29-1] 결제 프로세스 이해와 개발자의 일정 고려 42:44
[29-2] 아임포트 실습 50:43
[29-3] 프론트엔드에서의 시간 관련 이벤트 및 이벤트 루프 01:01:16
섹션 30. [프론트엔드] 결제 및 이벤트 루프 Ⅱ
[30-1] 비동기의 진화 과정 01:09:16
[30-2] 비동기 실습 및 태스크 큐 57:23
[30-3] await와 마이크로큐의 관계 34:27
섹션 31. [프론트엔드] refresh Token
[31-1] refresh Token 구조이해 및 마이크로 서비스의 이해 44:13
[31-2] 여러가지 쿼리방식 및 Refresh Token 받아오기 실습 01:17:35
[31-3] Observable과 fromPromise 35:42
섹션 32. [프론트엔드] 성능 최적화 Ⅰ
[32-1] 성능 최적화 49:14
[32-2] 컴포넌트 단위에서의 메모이제이션 54:13
[32-3] Call-Tree로 이해하는 Critical Rendering Path 01:05:31
섹션 33. [프론트엔드] 성능 최적화 Ⅱ
[33-1] 이미지 임시 URL 01:06:12
[33-2] Promise.all을 사용한 다중 이미지 업로드 56:13
[33-3] 이미지 성능 높이기 01:10:21
섹션 34. [프론트엔드] 성능 최적화 Ⅲ
[34-1] Optimistic-UI 51:09
[34-2] OG-OpenGraph 01:02:01
[34-3] SSR의 이해 53:56
섹션 35. 기말고사
섹션 36. [프론트엔드] 테스트 코드 및 배포 Ⅰ
[36-1] 테스트 코드 51:56
[36-2] 테스트 코드 - 단위 테스트 46:05
[36-3] 테스트 코드 - 통합 테스트 54:01
섹션 37. [프론트엔드] 테스트 코드 및 배포 Ⅱ
[37-1] 배포환경 이해 01:01:39
[37-2] 정적 배포 58:57
[37-3] DNS 연결 47:50
섹션 38. [프론트엔드] 테스트 코드 및 배포 Ⅲ
[38-1] HTTP vs HTTPS 43:05
[38-2] HTTPS 적용 35:29
[38-3] 동적 배포 01:28:04
섹션 39. [프론트엔드] 테스트 코드 및 배포 Ⅳ
[39-1] 배포 분기 01:17:55
[39-2] Docker 01:35:24
섹션 40. [프론트엔드] 테스트코드 및 배포 Ⅴ
[40-1] EC2 인스턴스에 도커배포 33:54
[40-2] 웹과 모바일 웹 37:30
[40-3] Gitflow 49:30
[40-4] CI/CD 01:21:43
섹션 41. [백엔드] Node.js API 구현 Ⅰ
[41-1] 백엔드 서버의 이해 08:24
[41-2] Node.js 활용 - 함수 실행 50:55
[41-3] 퍼사드 패턴 01:02:51
섹션 42. [백엔드] Node.js API 구현 Ⅱ
[42-1] 이메일 템플릿 생성 1 41:54
[42-2] 이메일 템플릿 생성 2 - 구조분해할당 45:00
[42-3] 이메일 템플릿 생성 3 28:21
섹션 43. [백엔드] Node.js API 구현 Ⅲ
[43-1] 데이터타입에 따른 저장방식 01:09:46
[43-2] REST-API와 Graph QL-API 01:32:57
섹션 44. [백엔드] Node.js API 구현 Ⅳ
[44-1] Express 기초 39:08
[44-2] REST-API 실습 36:13
[44-3] Swagger를 활용한 API-Docs 생성 59:27
섹션 45. [백엔드] Node.js API 구현 Ⅴ
[45-1] Axios를 활용한 데이터 통신 53:38
[45-2] Nodemon 적용 35:45
[45-3] GraphQL-API실습 47:12
섹션 46. [백엔드] Node.js API 구현 Ⅵ
[46-1] 데이터 통신 - 동기 / 비동기 42:53
[46-2] 인증 번호 전송 API 24:27
[46-3] 가입 환영 이메일 전송 API 01:08:07
섹션 47. [백엔드] Docker Ⅰ
[47-1] 데이터베이스의 이해 36:12
[47-2] Docker 1 - 설치 42:47
[47-3] Docker 2 - API 패키징 01:10:25
섹션 48. [백엔드] Docker Ⅱ
[48-1] Docker - MongoDB 연결 57:32
[48-2] ODM - MongoDB 접속 51:08
[48-3] Docker Compose Volumes 19:12
섹션 49. [백엔드] Scraping / Crawling
[49-1] 오픈그래프 태그 스크래핑 01:07:09
[49-2] 크롤링 1 - 소개 및 주의사항 29:11
[49-3] 크롤링 2 - Puppeteer 01:05:23
섹션 50. [백엔드] 미니 프로젝트 완성하기
섹션 51. [백엔드] Nest.js Ⅰ
[51-1] Class & OOP 49:32
[51-2] OOP 기초 실습 37:21
[51-3] MVC 패턴 41:35
섹션 52. [백엔드] Nest.js Ⅱ
[52-1] DI / IoC 47:22
[52-2] Nest.js 기초 36:28
[52-3] TypeScript 기초 01:05:52
섹션 53. [백엔드] Nest.js Ⅲ
[53-1] Nest.js - GraphQL 연결 01:00:46
[53-2] Nest.js - MySQL 연결 38:14
[53-3] 게시판 CRUD API 48:08
섹션 54. [백엔드] Database ERD
[54-1] 데이터 정규화 1 01:00:57
[54-2] 데이터 정규화 2 48:47
[54-3] ERD 생성 48:39
섹션 55. [백엔드] 나만의 ERD 설계하기
섹션 56. [백엔드] ORM 활용 API 구현 Ⅰ
[56-1] 조인 API 구현 - 1:1 34:34
[56-2] 조인 API 구현 - 1:N, N:M 30:51
[56-3] 집계, 정렬, 서브쿼리 54:49
섹션 57. [백엔드] ORM 활용 API 구현 Ⅱ
[57-1] 상품 카테고리 등록 API 51:51
[57-2] 상품 등록 API 38:13
[57-3] 상품 조회, 수정 API 56:58
섹션 58. [백엔드] ORM 활용 API 구현 Ⅲ
[58-1] 상품 삭제 API 45:31
[58-2] 1:1 관계 등록 API 43:44
[58-3] 1:N 관계 등록 API 28:45
섹션 59. [백엔드] ORM 활용 API 구현 Ⅳ
[59-1] N:M 등록 / 조회 API 49:05
[59-2] 로그인 프로세스의 이해 37:49
[59-3] 회원가입 API 31:07
섹션 60. [백엔드] 로그인 프로세스 Ⅰ
[60-1] 암호화 - Hash 35:01
[60-2] 로그인 API - 인증 39:25
[60-3] 회원 조회 API - 인가 01:13:57
섹션 61. [백엔드] 로그인 프로세스 Ⅱ
[61-1] Access Token 52:47
[61-2] Refresh Token 27:49
[61-3] 소셜 로그인 50:10
섹션 62. [백엔드] 나만의 소셜 로그인 구현하기
[62-1] 나만의 소셜 로그인 리뷰 56:15
섹션 63. [백엔드] 결제 Ⅰ
[63-1] 결제 프로세스 34:16
[63-2] 결제 : FrontEnd 적용 17:01
[63-3] 결제 API 46:13
[63-4] Postman과 GraphQL 31:12
섹션 64. [백엔드] 나만의 결제 검증 & 취소 구현하기
[64-1] 나만의 결제 검증, 결제 취소 리뷰 01:48:31
섹션 65. [백엔드] 결제 Ⅱ
[65-1] Transaction - ACID 41:09
[65-2] Transaction - Isolation 32:58
[65-3] Transaction 적용 33:50
섹션 66. [백엔드] 파일 업로드 API 구현
[66-1] 이미지 업로드 API 42:55
[66-2] 이미지 업로드 - Promise 42:57
[66-3] 이미지 업로드 - Promise.all 56:32
섹션 67. [백엔드] 나만의 썸네일 트리거 구현하기
[67-1] 나만의 썸네일 트리거 리뷰 01:54:43
섹션 68. [백엔드] 검색 Ⅰ
[68-1] Trigger - BigQuery 39:59
[68-2] Index 검색 44:12
[68-3] Redis 53:16
섹션 69. [백엔드] 검색 Ⅱ
[69-1] 인덱스 VS 역인덱스 40:16
[69-2] Elasticsearch 연결 36:42
[69-3] Logstash 32:46
섹션 70. [백엔드] 나만의 검색엔진 구축하기
[70-1] 나만의 검색 API 리뷰 53:09
섹션 71. [백엔드] 검색 Ⅲ
[71-1] Elasticsearch CRUD 26:23
[71-2] Analyzer 32:11
[71-3] Autocomplete 구현 35:00
섹션 72. [백엔드] Microservice
[72-1] 마이크로서비스에 대한 이해 37:39
[72-2] API-Gateway 1 38:05
[72-3] API-Gateway 2 32:39
[72-4] NginX 36:01
섹션 73. [백엔드] TDD
[73-1] Jest 54:12
[73-2] Mocking 53:08
[73-3] Typescript Generic 46:20
섹션 74. [백엔드] 배포 Ⅰ
[74-1] 인스턴스 배포 36:06
[74-2] 배포 환경 분리 33:21
[74-3] Firewall / DMZ 30:54
[74-4] 인스턴스 환경변수 설정 19:01
섹션 75. [백엔드] 배포 Ⅱ
[75-1] 데이터베이스 배포 45:14
[75-2] DNS 연결 24:59
[75-3] 로드밸런서 35:58
[75-4] 통합 배포 11:34
섹션 76. [백엔드] 배포 Ⅲ
[76-1] HTTPS 설정 35:46
[76-2] HTTPS Redirection 11:19
[76-3] 쿠버네티스 - MySQL 49:46
[76-4] 쿠버네티스 - Nest.js 32:16
섹션 77. [백엔드] 배포 Ⅳ
[77-1] 네트워크 서비스 29:29
[77-2] 컨테이너 재배포 28:46
[77-3] 인그레스 서비스 39:00
섹션 78. [백엔드] 배포 Ⅴ
[78-1] 무중단 테스트 18:11
[78-2] 성능 테스트 - JMeter 34:19
[78-3] CI / CD 47:03
섹션 79. [백엔드] Git
[79-1] Git Workflow 이해 33:54
[79-2] Git Workflow 실습 30:16
섹션 80. [백엔드] Callback / Promise
[80-1] Callback / Promise 01:11:40
강의 게시일 : 2023년 01월 13일 (마지막 업데이트일 : 2023년 02월 03일)
수강평 총 11개
수강생분들이 직접 작성하신 수강평입니다.
5
11개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
yk thumbnail
5
커리큘럼을 보고 괜찮을 것 같아서 수강하게 되었는데, 기대보다 강의 퀄리티가 훨씬 더 좋습니다. 수업시간에 배운 내용을 직접 적용해보는 퀴즈가 매일 있어서 수강생들이 직접 참여하고 적극적으로 학습할 수 있고, 강사님이 수업 내용을 명확하게 전달해 주셔서 수업을 따라가는데 어려움이 없었습니다. 또한 강의 자료와 실습 문제는 수강생들이 이해하기 쉽도록 잘 구성되어 있어서 수업에 참여하는 데 큰 도움이 되었습니다. 아무래도 온라인 부트캠프라 실시간 피드백이 어려울 거라고 생각했는데, 매일 정해진 시간에 멘토님들과 수업내용을 정리하고, 어려웠던 부분들에 대해 질문할 수 있는 시간이 있어서 큰 어려움 없이 따라갈 수 있었습니다. 아쉬운 부분이 있다면, 아무래도 질문할 수 있는 시간과 이에 대한 답변을 받을 수 있는 시간이 정해져 있다는 점인데, 혼자 고민해보다가 풀리는 에러들도 많기 때문에, 그 때 그 때 질문해서 답을 얻어 해결하는 것보다 충분히 고민해보고 그래도 안될 때 멘토님들의 도움을 받는 것이 제 성장에도 더 도움이 된다고 생각합니다. 다만, 혼자 찾아보는 것이 익숙하지 않거나 코딩이 아예 처음이신 분들은 다소 어려움을 느낄 수도 있을 것 같습니다. 아직 과정이 끝나지는 않았지만 현재까지는 매우 만족 중입니다. 강사님의 전문성과 학습 자료의 질, 온라인이지만 적극적 수강생분들의 참여 등이 잘 조합되어 수강생들에게 큰 도움이 되는 수업이라고 생각합니다. 짧은 시간 내에 체계적인 커리큘럼을 통해 개발자로 성장하고 싶은 분들에게 이 강의를 적극 추천합니다.
2023-02-21
홍진혁 thumbnail
5
온라인 강의라 오프라인이랑 많이 다를줄 알고 반신반의 하면서 수강을 했는데 제 생각이 틀렸단거를 1주차 만에 깨달았습니다. 관리형 부트캠프여서 메타버스를 통해 동기들과 멘토님들과 소통 하면서 서로 피드백 해줄수 있다는게 너무 좋았고 일과표가 체계적으로 잘 짜여있어서 좋았던거 같습니다. 실무와 관련되서 많이 배우기 때문에 강추드립니다! 감사합니다
2023-02-20
김형 thumbnail
5
IT쪽 개발 준비하면서 여러 교육 수강했는데 여기만큼 제대로 가르쳐주는 곳 없었어요. 프론트엔드 백엔드 모두 배울 수 있고 기초부터 차근차근 커리큘럼대로 따라가면 돼서 처음 배우는 비전공자분들도 떨지 않고 따라갈 수 있게 잘 지도해주셨어요. 또 수업 끝나면 과제나 포트폴리오 공부할 수 있도록 도와주셔서 좋았어요.
2023-02-21
김승진 thumbnail
5
댓글이나 수강평등 기록을 잘 남기지 않는 스타일인데 정말 좋은 강의네요. 이 과정에 대해 고민되고, 궁금해 하시는 분들이 많을텐데 단순히 커리큘럼이 너무 좋아서 진행했지만, 솔직히 기대 이상입니다. 무료로 미리보기 강의를 들어보신분들은 아시겠지만, 매 강의가 유기적으로 연결되어있으며 개념 하나하나 놓치지 않고 가려운 부분을 예를 들어 잘 설명해주셔서 매 강의가 WOW 포인트입니다. 강의가 끝나면 멘토님들의 오늘 배운 강의에 대한 복습 및 질의 시간이 주어지고, 또 매일 퀴즈(기초~고난도)가 주어지는데 이것 또한 오늘 배운 내용이 자연스럽게 복습으로 이루어져서 커리큘럼에 신경을 많이 쓴 강의 같습니다. (매일 검사하고 다음날 과제에 대한 피드백 날라옴ㄷㄷ) <요약> * 솔직히 강의 질 개 쩐다. * 오늘 배운 내용을 토대로 퀴즈를 통해 자연스러운 복습이 진행 됨. * 오늘 배운 내용을 토대로 조금씩 레고 조립처럼 포트폴리오까지 진행되는 일정. (이게 너무 신기) * 이 전체를 누군가가 관리해 줌. * 누군가의 관리가 있지만, 온라인이라 스스로 시간을 잘 관리 못하면 망.
2023-02-21
Q1 thumbnail
5
백엔드 1기 수강생입니다. 강의에서 실제 서비스를 만들면서 필요한 개념들을 설명해 주시는데 아직 몰라도 되는 것들은 제처 두고 지금 집중해야 할 부분을 잘 알려주셔서 차근차근 배워가기 좋았고, 글이나 말로 한 번에 이해되지 않았어도 과제를 제출하는 과정에서 깨닫게 됩니다. 또 과제에서 추가로 요구하는 것이 있으면 혼자 이것저것 찾아보게 되는데 해결할 때마다 뭔가 개발자 된 거 같아서 기분이 좋습니다 ㅎㅎ. 매일 있는 피드백시간에서 코드에 대한 피드백 뿐만 아니라 학습에 주의할 점 헤매기 쉬운 부분 등 혼자서 하면 한참 걸리거나 모르고 넘어갔을 부분도 알려주시고 수강 중에 필요한 부분들을 그날 바로 처리해서 볼 수 있게끔 편의도 많이 봐주셔서 공부하기 좋았습니다. 캠프 자체에서 강의 관련 자료뿐만 아니라 알고리즘 자료나 다른 팁도 많이 제공해 주셔서 커리큘럼보다 더 많이 배워 갈 수도 있습니다. 혼자서만 하면 너무 풀어지는데 온라인으로 시간을 효율적으로 분배하면서도 관리도 받을 수 있는 온오프 장점 모아 놓은 가성비 좋은 강의라고 생각합니다!
2023-02-22