프로젝트생성

npx create-react-app slack-clone

불필요한 파일 제거

rm은 remove의 약자로 파일을 삭제한다.

cd slack-clone
rm App.css App.test.tsx logo.svg

패키지 설치

dayjs : 날짜와 시간 변환 라이브러리

react-redux : 상태 관리 라이브러리

mui : 스타일링

material-icons : 아이콘

firebass : 프로젝트 관리 라이브러리

react-avatar-editor : 유저 아바타 이미지

emoji-mart : 이모지 라이브러리

md5 : 해쉬값 랜덤으로 가져오는 라이브러리

react-colorful : 이미지 팔레트

react-router-dom : 라우팅 라이브러리

npm install @mui/icons-material @mui/lab @mui/material @emotion/react @emotion/styled
react-redux redux emoji-mart md5 react-colorful