중급

React JS 마스터클래스

Typescript, Recoil, Framer Motion

106+개의 강의완강을 위한 2주 완성 챌린지 프로그램최신 버전으로 업데이트!
동영상
106+
강의 분량
17시간 이상
레벨
중급

실전형 코딩을 시작하세요

왜 직접 만들면서 배워야. 진짜 지식이 될까요?

#클론코딩#현업중심#자기주도학습

우리는 그동안
딱딱한 이론과 문법 중심의
한국식 코딩을 배워왔어요.

이렇게 배운 지식은
현업에서 바로 활용하기 어려워요.

하지만 존재하는 서비스와 기능을
따라 만들면서 배우면,
온전히 나의 기술로 습득할 수 있어요.

노마드코더’s 클론코딩 교육

주입식 코딩만 하면 실력은 늘지않아요.

클론코딩 이란?

카카오톡. 유튜브 등 실제 서비스를 따라 만들면서 배우는 공부 방식입니다. 서비스 기능들을 직접 만들면서 능동적으로 배우는 것 만큼 빠르고 효과적인 공부 방법은 없어요!

코딩 챌린지 란?

코딩은 직접 스스로 만들어봐야 온전한 자신의 지식이 됩니다.
수강생들은 직접 기능을 구현하고, 본인의 졸업작품을 만들며제대로 배우게 됩니다!

무엇을 만드나요?

넷플릭스 클론부터 Trello 클론, 암호화폐 가격 대시보드까지! Routing, Styling, Typescript, Data Fetching, State 관리, 애니메이션 등등!최신 리액트 기능 및 라이브러리를 다뤄보게 됩니다.

수강생들이 직접 만들었어요

리액트 JS 챌린지 13기
리액트 JS 챌린지 13기
리액트 JS 챌린지 12기
리액트 JS 챌린지 12기
리액트 JS 챌린지 12기
리액트 JS 챌린지 11기

배우고, 직접 구현합니다

배우는 이론

RoutingState ManagementData FetchingAnimationsTypescript

사용하는 패키지

React RouterTypescriptStyled ComponentsFramer MotionRecoilBeautiful DnDApex ChartsReact QueryReact Hook Form
구현 기능

암호화폐 시세 트래커

이 프로젝트에서는 React Query 를 이용하여 Crypto Price API 의 데이터를 가져오는 것을 배웁니다. 또한 Styled Components 를 이용해 확장 가능한 디자인 시스템 그리고 다크모드 등을 만드는 방법을 배웁니다. 마지막으로 Apex Charts 를 활용하여 암호화폐 시세 변화 데이터를 시각화 하는 방법을 배울 겁니다.

트렐로 클론

이 프로젝트에서는 React Hook Form 을 이용하여 입력폼을 빌드하고 검증하는 것을 배웁니다. 또한 Recoil 의 atoms 와 selectors를 이용해 어플리케이션의 상태를 관리하는 법을 배웁니다. 마지막으로 Beautiful DnD를 활용하여 드래그-앤-드랍을 구현해보게 됩니다.

모션 프로젝트

이 프로젝트에서는 Framer Motion 을 이용하여 아름다운 애니메이션과 슬라이더. 모달과 같은 인터랙션을 구현하는 방법을 배우게 됩니다.

암호화폐 시세 트래커

Data FetchingData VisualizationRoutingDark Mode

트렐로 클론

Form ValidationDrag and DropState Management

넷플릭스 클론

AnimationsSlidersModals

강의 미리보기

이 정도 수준인 분들 드루와요

기본적인 HTML, CSS, JS에 대한 이해도가 있는 분들이 수강하실 수 있습니다.

초급 이상의 HTML. CSS 이해도가필요합니다.
왕초보분들은 선수 강의로 시작하세요!

HTML CSS 강의 보러가기 →

초급 이상의 바닐라 JS 이해도가 필요합니다.
무료 강의로 시작하세요!

무료 JS 강의 보러가기 →

제공합니다

이 강의에서는 아래 자료들을 제공합니다.

강의 분량

106+개의 동영상 강의
17시간 이상 분량.

한국어도 OK

영어 강의라고 겁먹지 마세요!
강의에 한글 자막을 제공합니다.

실시간 Q&A

니꼴라스 선생님이 직접 100%
답변합니다.

활발한 슬랙 커뮤니티

수만명의 수강생들과
함께 공부하세요.

니꼬쌤이 가르칩니다

무료 강의를 최신 기술로 3번이나
업데이트 해주는 쌤 보셨나요?
찐 책임감으로 무장한 딱 1명의 슈퍼 강사!
니꼬쌤과 시작하세요.

Since2017
누적 수강생12만명+
총 조회수2,500만 이상!
압도적 강의력
지루할 틈이 없는 찰진 유머
최신 기술만 꾹꾹 눌러담은 클론코딩 까지!
#압도적_강의력#최신기술_ONLY
#찐_책임감#딱1명의_슈퍼강사

실전형 코딩을 시작하세요!

본인이 원하는 시간과 속도로, 언제든지 다시 반복하여 들을 수 있는 온라인 수업 입니다.
또한 2주 동안 100% 완주할 수 있는 챌린지 프로그램까지 추가로 제공됩니다.

React JS 마스터클래스

강의 평생 소장
: 챌린지
100% 한글자막
니꼬쌤 질의응답

한번 결제하고 평생 소장하세요!

React JS 마스터클래스평생 소장
6개월 할부
평생 수강권 결제하기

자주하는 질문