slack클론코딩 1 // 20210426

김지민·2021년 4월 26일
0

slackClone

목록 보기
1/3

https://www.inflearn.com/course/%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%EC%8B%A4%EC%8B%9C%EA%B0%84%EC%B1%84%ED%8C%85

죽~죽 처지는 react 공부 텐션..
뭐라도 만들어봐야 다시 추진력이 생길 것 같아 slack 클론코딩을 시작함.
프론트-백 풀스택 개발은 어렵고
백엔드 api개발이 완성되었다고 가정하여 프론트 개발을 진행!!
js, ts위주로 개발 예정.

1. 백엔드 서버 구동하기

1) npm i

  • 깃에서 소스코드를 클론시 노드 패키지 모듈이 설치가 안되어있기 때문에 npm i 부터 해주어야 함.(경로는 back폴더)

2) .env(닷엔브) 파일 만들기

  • COOKIE-SECRET=sleactcookie

  • MYSQL_PASSWORD=컴퓨터에 깔려있는 MYSQL비밀번호

  • 파일 내 똑같이 작성

  • 경로는 back폴더

  • MYSQL과 node가 설치되어있어야 함

  • node는 리액트 했으면 설치되어있고 Mysql은 db설치하면됨.

  • mysql 설치방법 : https://thebook.io/080229/ch07/

3) db 생성

  • back폴더에서

  • npx sequelize db:create

  • sleact라는 db생성

  • mysql안에 sleact라는 db를 생성한 것임.

4) db내 테이블 생성

  • back폴더 내 models이 테이블인데 이거에 따라서 자동으로 생성됨.

  • back폴더 내에서 npm run dev 실행

  • 이후 서버종료는 컨트롤 c

5) npx sequelize db:seed:all

  • workspace와 channel을 기본적으로 만들어주기 위해 시드 작성

  • 처음 db를 생성했을 때에는 아무런 데이터가 없는데 실습을 위해 가짜 데이터를 만드는 과정이라고 생각할것

  • 이미 db내에 데이터가 있으면 validation error가 뜸.

  • 나는 없어서 error가 안뜸

6) npm run dev

  • 처음 npm run dev는 db를 생성하기 위함이었음.

  • 이번엔 db 내에 데이터를 넣었으니 다시 실행함.

7) 백엔드 서버 접속

  • localhost:3095

  • 백엔드 서버가 제대로 돌아가는지 확인

2. 기본 db 계층구조의 이해

  • 데이터베이스 > 테이블 > 로우(row)

  • 오라클은 db > 스키마 > 테이블 > 로우

profile
wishing is not enough, we must do.

0개의 댓글