<aside> 🔥 Slack 클론코딩[실시간 채팅 with React]를 배우며 SWR + React + Socket.io 로 이루어진 실시간 채팅 프로그램을 만들어본다.

</aside>

1. Project setting

back 기본 세팅(feat. node, mySQL 설치)

프론트엔드 세팅하기 (feat. babel, webpack 설치)

폴더 구조와 리액트 라우터 설정

코드 스플리팅과 이모션

2. Login, SignUp

회원가입 페이지와 커스텀 훅

axios Request 및 CORS, proxy

로그인 페이지와 swr 적용, 쿠키 공유

워크스페이스 만들기 및 로그아웃 구현

swr 활용, optimistic UI

3. Menu, Modal

워크스페이스와 gravatar, 중첩라우터

메뉴와 모달 구현

라우터 주소 설계(라우트 파라미터)와 모달

4. DM 보내기