10주 과정은 웹 개발 흐름을 이해하고 직접 프로젝트를 만들어볼 수 있도록 구성되어 있습니다.
단순한 화면구현 개발자에서 전체 맥락을 이해하는 웹 개발자로 성장합니다.
취업 후기가 가장 많아요! 10주 뒤 신입 개발자 포트폴리오를 충분히 만들 수 있습니다.
️ 이런 분들께 추천합니다
•
사수가 없거나, 제대로 알려주지 않아 답답한 신입 프론트 개발자.
•
ReactJS를 사용한 웹 어플리케이션 개발 경험을 만들고 싶은 분.
•
API 연동을 활용한 개발을 서비스 레벨로 만들고 싶은 분.
기초 개념만 배우다 지치는 강의?
일단 작은 성을 지어봅시다. 개념은 직접 써보면서 배워야 진짜 내 것이 됩니다. #코딩은_만들어보는거야
유튜브 클론 (6주)
배우는 기술 : NodeJS, ES6, Pug, Mongo
•
MVC 설계를 기반으로한 풀스택 웹 개발 흐름을 배웁니다.
•
유튜브 핵심 기능인 동영상 업로드, 동영상 녹화, 동영상 검색, 댓글, 조회수를 구현하고 배포합니다.
수강생 졸업 작품 - 동영상 재생화면
수강생 졸업 작품 - 동영상 목록
•
동영상과 댓글을 모은 유저 페이지를 만듭니다.
수강생 졸업 작품 - 유저 페이지
100% 수강생이 만들었어요! 진짜 후기가 증명하는 유튜브 클론! 졸업 작품 더보기
졸업 작품 더보기 ReactJS로 영화 웹 서비스 만들기(2주)
배우는 기술 : React, CSS, NodeJS
•
리액트가 처음이라고요? 이론 하나도 몰라도 할 수 있습니다.
•
기초부터 실제 적용까지 A to Z로 모두 다 알려드립니다!
•
직접 만들어보며 리액트의 재미와 매력을 느껴보세요
을 강의에서 직접 확인해보세요!
ReactJS 마스터 클래스(2주)
배우는 기술 : Typescript, Recoil, Framer Motion, Gatsby
•
react router, styled components query, hook form, 등 리액트 라이브러리를 사용하여 실제 서비스 레벨로 만듭니다.
코인 시세 트래커
•
스타일드 컴포넌트를 이용해서 리액트에 스타일을 적용해봅니다.
•
리액트 쿼리를 사용한 데이터 fetching 및 데이터 시각화
•
다크모드를 적용합니다.
.gif&blockId=b629a2a7-671d-4e9b-ad7b-9413f2cab5ed)
코인 시세 트래커 예시
Trello 클론
•
리코일을 이용한 리액트 전역 상태 관리를 학습합니다.
•
드래그앤 드랍으로 카드 순서 바꾸기, 카드 추가하기 등 협업툴에 필요한 기능을 구현합니다.
.gif&blockId=ee053300-e169-40f7-9596-c0d9db4352e0)
트렐로 클론 예시
넷플릭스 클론
•
넷플릭스 클론을 만들며 실제 제품 레벨로 리액트를 사용해봅니다.
수강생 졸업 작품 - 홈화면
.gif&blockId=511a5ac4-8f50-4b51-8527-b319949ebe22)
수강생 졸업 작품 - 영화 목록
.gif&blockId=9141b4a8-71d3-4b1c-88d5-a482e834ae17)
수강생 졸업 작품 - 영화 자세히 보기
취업 인증이 가장 많은 강의! ReactJS 마스터 진짜 후기도 확인해보세요. 졸업 작품 더보기
졸업 작품 더보기