Search
🚀

빠르게 성장하고 싶은 주니어를 위한 로드맵

10주 과정은 웹 개발 흐름을 이해하고 직접 프로젝트를 만들어볼 수 있도록 구성되어 있습니다.
단순한 화면구현 개발자에서 전체 맥락을 이해하는 웹 개발자로 성장합니다.
취업 후기가 가장 많아요! 10주 뒤 신입 개발자 포트폴리오를 충분히 만들 수 있습니다.

️ 이런 분들께 추천합니다

사수가 없거나, 제대로 알려주지 않아 답답한 신입 프론트 개발자.
ReactJS를 사용한 웹 어플리케이션 개발 경험을 만들고 싶은 분.
API 연동을 활용한 개발을 서비스 레벨로 만들고 싶은 분.
기초 개념만 배우다 지치는 강의?
일단 작은 성을 지어봅시다. 개념은 직접 써보면서 배워야 진짜 내 것이 됩니다. #코딩은_만들어보는거야

 유튜브 클론 (6주)

배우는 기술 : NodeJS, ES6, Pug, Mongo
MVC 설계를 기반으로한 풀스택 웹 개발 흐름을 배웁니다.
유튜브 핵심 기능인 동영상 업로드, 동영상 녹화, 동영상 검색, 댓글, 조회수를 구현하고 배포합니다.
수강생 졸업 작품 - 동영상 재생화면
수강생 졸업 작품 - 동영상 목록
동영상과 댓글을 모은 유저 페이지를 만듭니다.
수강생 졸업 작품 - 유저 페이지
수강생 졸업 작품, 직접 확인해보세요! summereuna 님의 공유하고 싶은 일상 그 순간, Vlog   https://vlog2021.herokuapp.com/
100% 수강생이 만들었어요! 진짜 후기가 증명하는 유튜브 클론! 졸업 작품 더보기

 ReactJS로 영화 웹 서비스 만들기(2주)

배우는 기술 : React, CSS, NodeJS
리액트가 처음이라고요? 이론 하나도 몰라도 할 수 있습니다.
기초부터 실제 적용까지 A to Z로 모두 다 알려드립니다!
직접 만들어보며 리액트의 재미와 매력을 느껴보세요

 ReactJS 마스터 클래스(2주)

배우는 기술 : Typescript, Recoil, Framer Motion, Gatsby
react router, styled components query, hook form, 등 리액트 라이브러리를 사용하여 실제 서비스 레벨로 만듭니다.

코인 시세 트래커

스타일드 컴포넌트를 이용해서 리액트에 스타일을 적용해봅니다.
리액트 쿼리를 사용한 데이터 fetching 및 데이터 시각화
다크모드를 적용합니다.
코인 시세 트래커 예시

Trello 클론

리코일을 이용한 리액트 전역 상태 관리를 학습합니다.
드래그앤 드랍으로 카드 순서 바꾸기, 카드 추가하기 등 협업툴에 필요한 기능을 구현합니다.
트렐로 클론 예시

넷플릭스 클론

넷플릭스 클론을 만들며 실제 제품 레벨로 리액트를 사용해봅니다.
수강생 졸업 작품 - 홈화면
수강생 졸업 작품 - 영화 목록
수강생 졸업 작품 - 영화 자세히 보기
수강생 졸업 작품, 직접 확인해보세요! crsn1111 님의 찰리플릭스   https://jiho3894.github.io/kimcharley/
취업 인증이 가장 많은 강의! ReactJS 마스터 진짜 후기도 확인해보세요.  졸업 작품 더보기

주차별 커리큘럼 확인하기