일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Cypress
- RTK Query
- CI/CD
- SSR
- TS
- 리터럴 타입
- Promise
- React
- 결정 알고리즘
- 이분 검색
- async/await
- dfs
- app router
- map
- 공변성
- CORS
- 무한 스크롤
- useAppDispatch
- 투포인터
- ESlint
- tailwind
- 타입 좁히기
- 태그된 유니온
- 호이스팅
- 인터섹션
- 반공변성
- recoil
- Jest
- webpack
- autosize
Archives
- Today
- Total
짧은코딩
기본 설정 본문
반응형
제로초님의 Slack 클론 코딩 프론트엔드 버전을 배우기 위해서 제로초님의 깃허브에 들어가서 먼저 다운을 받아줬다. 그리고 프론트엔드 개발을 하기 위해서 백엔드가 만들어져 있어야 하는데 백엔드는 제로초님이 이미 만들어 놓은 것을 이용할 예정이다.
기본 설치 프로그램
1. nodeJS
2. MySQL
https://solbel.tistory.com/1475
깃허브 다운 후 해야 할 것
깃허브에서 파일을 다운하고 먼저
npm i
npm을 설치를 하려고 했는데 에러가 발생했다. 정말 이것 저것 구글링 해봤지만 도저히 해결되지 않았다.
그러다가 nvm을 설치하고 node.js의 버전을 바꿔주니까 제대로 설치됐다.(한 2일 고생했다...)
npx sequelize db:create
이 명령어를 통해 데이터베이스를 만들어줬다.
npm run dev
이걸 입력해 DB와 연결을 해줬다. 데이블을 만들기 위한 과정이다.
npx sequelize db:seed:all
슬랙은 workspace(회사)가 있고 이 안에 channel(부서)가 있다.
저 명령어의 seed가 workspace, channels를 만들어 주는 역할을 한다.
=> 결국 실습을 하기 위한 가짜 데이터를 만드는 과정이다.
그리고 다시
npm run dev
이 명령어 하면 백엔드 서버 실행된 상태이다.
http://localhost:3095/ 이 사이트에 들어가면 미리 만들어진 사이트가 나온다.
-mysql의 계층 구조
데이터베이스 -> table(테이블) -> row(로우)
반응형
'인프런, 유데미 > Slack 클론 코딩' 카테고리의 다른 글
axios (0) | 2022.07.17 |
---|---|
커스텀 훅 (0) | 2022.07.16 |
preventDefault, TS에서 any, unknown, 제너릭 타입 (0) | 2022.07.16 |
기본 용어 및 정리(Switch, SPA, TS, 코드 스플리팅, emotion.js, webpack, babel) (0) | 2022.07.16 |
create-react-app 수동으로 만들어본 후기 (1) | 2022.07.15 |
Comments