React JS 마스터클래스

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

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

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

코딩 챌린지 란?

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

무엇을 만드나요?

넷플릭스 클론부터 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 을 이용하여 아름다운 애니메이션과 슬라이더. 모달과 같은 인터랙션을 구현하는 방법을 배우게 됩니다.

암호화폐 시세 트래커

트렐로 클론

넷플릭스 클론