• 01. 리액트 기초 편
  • 02. React Router DOM 편
  • 03~08. 그 외
  • 예제 코드 내려받기
  • 03스타일드 컴포넌트 편 158
    • 학습목표리액트에서 CSS의 속성을 그대로 사용할 수 있게 도와주는 스타일드 컴포넌트의 사용법을 익힌다.
    • 동영상https://youtu.be/j-JxASock0Q (14분 18초)
  • 04Context API 편 172
    • 학습목표리액트에서 상태를 전역적으로 공유할 수 있게 도와주는 도구인 Context API의 사용법을 익힌다.
    • 동영상https://youtu.be/JQ_lksQFgNw (9분 32초)
  • 05useReducer 편 182
    • 학습목표useState와 같은 역할을 하지만, 조금 더 복잡한 상태를 체계적으로 관리하도록 돕는u seReducer의 사용법을 익힌다.
    • 동영상https://youtu.be/E7bNzWrlKTE (17분 23초)
  • 06react-redux 편 196
    • 학습목표상태 관리 도구인 리덕스(redux)를 리액트에서 쉽게 사용할 수 있게 돕는 도구인 react-redux의 사용 법을 익힌다.
    • 동영상https://youtu.be/yjuwpf7VH74 (21분 6초)
  • 07리덕스 툴킷 편 222
    • 학습목표리덕스 툴킷(Redux toolkit)을 활용하여 리덕스 개발 환경을 쉽게 구축하는 방법을 익힌다.
    • 동영상https://youtu.be/9wrHxqI6zuM (19분 2초)
  • 08Next.js 편 244
    • 학습목표리액트, 익스프레스(Express.js), 리액트 라우터 돔(React-Router-Dom), 서버 사이드 렌더링 등 웹 을 구현하는 데 사용하는 여러 기술을 영리하게 섞어 놓은 기술인 Next.js에 대해 알아본다.
    • 동영상https://youtu.be/ECMB4kUCKWQ (19분 49초)