React JS 마스터클래스
Typescript, Recoil, Framer Motion, Gatsby
- 동영상
- 106+ 개
- 강의 분량
- 17시간 이상
- 레벨
- 중급
실전형 코딩을 시작하세요
왜 직접 만들면서 배워야. 진짜 지식이 될까요?
우리는 그동안
딱딱한 이론과 문법 중심의
한국식 코딩을 배워왔어요.
이렇게 배운 지식은
현업에서 바로 활용하기 어려워요.
하지만 존재하는 서비스와 기능을
따라 만들면서 배우면,
온전히 나의 기술로 습득할 수 있어요.
노마드코더’s 클론코딩 교육
주입식 코딩만 하면 실력은 늘지않아요.
코딩 챌린지 란?
코딩은 직접 스스로 만들어봐야 온전한 자신의 지식이 됩니다.
수강생들은 직접 기능을 구현하고, 본인의 졸업작품을 만들며
제대로 배우게 됩니다!
무엇을 만드나요?
넷플릭스 클론부터 Trello 클론, 암호화폐 가격 대시보드까지!
Routing, Styling, Typescript, Data Fetching, State 관리, 애니메이션 등등!최신 리액트 기능 및 라이브러리를 다뤄보게 됩니다.
수강생들이 직접 만들었어요
배우고, 직접 구현합니다
배우는 이론
사용하는 패키지
암호화폐 시세 트래커
이 프로젝트에서는 React Query 를 이용하여 Crypto Price API 의 데이터를 가져오는 것을 배웁니다. 또한 Styled Components 를 이용해 확장 가능한 디자인 시스템 그리고 다크모드 등을 만드는 방법을 배웁니다. 마지막으로 Apex Charts 를 활용하여 암호화폐 시세 변화 데이터를 시각화 하는 방법을 배울 겁니다.
트렐로 클론
이 프로젝트에서는 React Hook Form 을 이용하여 입력폼을 빌드하고 검증하는 것을 배웁니다. 또한 Recoil 의 atoms 와 selectors를 이용해 어플리케이션의 상태를 관리하는 법을 배웁니다. 마지막으로 Beautiful DnD를 활용하여 드래그-앤-드랍을 구현해보게 됩니다.
모션 프로젝트
이 프로젝트에서는 Framer Motion 을 이용하여 아름다운 애니메이션과 슬라이더. 모달과 같은 인터랙션을 구현하는 방법을 배우게 됩니다.
암호화폐 시세 트래커
트렐로 클론
넷플릭스 클론
강의 미리보기
이 정도 수준인 분들 드루와요
기본적인 HTML, CSS, JS에 대한 이해도가 있는 분들이 수강하실 수 있습니다.
초급 이상의 HTML. CSS 이해도가필요합니다.
왕초보분들은 선수 강의로 시작하세요!
초급 이상의 바닐라 JS 이해도가 필요합니다.
무료 강의로 시작하세요!
제공합니다
이 강의에서는 아래 자료들을 제공합니다.
총106+개의 동영상 강의
총 17시간 이상 분량.
영어 강의라고 겁먹지 마세요!
강의에 한글 자막을 제공합니다.
니꼴라스 선생님이 직접 100%
답변합니다.
수만명의 수강생들과
함께 공부하세요.
