리액트 + 타입스크립트로 구현한 Slack 클론 프로젝트입니다.
- React를 사용하면서 불필요한 렌더링 방지 및 각종 api를 사용해보기
- useCallback
- useMemo
- React.Memo
- React.lazy, suspense
-
TS, Emotion, SWR과 같은 다양한 기술을 직접 사용하면서 친숙도 올리기
-
채팅을 구현하면서 사용자 입장에서의 스크롤 UI 구현 시 고민하고, 어려운 부분 경험해보기
2022/01/19 ~ 2022/01/28 (약 1주일)
https://github.com/URSound/Slack-Clone-Project/wiki
이정민 | 박채영 |
---|---|
hustle-dev | coolchaeyoung |
필요 환경
- mySQL이 설치되어 있고 서버가 실행중이어야 함.
.env
파일에 아래와 같은 설정 필요
COOKIE_SECRET=sleactcookie
MYSQL_PASSWORD=(여기에 mysql 비밀번호)
- backend 폴더 안에서 아래 명령어 실행
npm i
⬇️
npx sequelize db:create
npm run dev
⬇️
npx sequelize db:seed:all
npm run dev
- frontend 폴더 안에서 아래 명령어 실행
npm i
- 실행
npm start