server folder

1. index.js

• 먼저 서버, 클라이언트 폴더를 만들고 VSCode 터미널에서 서버폴더에 들어간다.
  • npm install express cors mysql2 로 설치를 해준다.
  • index.js 파일을 서버폴더 안에 생성해주고, 사진처럼 코드를 작성해준다.
  • node index.js 를 하면 console.log 가 터미널에 실행되는 것을 볼 수 있다.

2. package.json

• 하지만 매번 node 를 실행해주기엔 서버를 계속 업데이트 해줘야해서 번거롭다.
  • nodemon을 설치하면 저장할 때마다 서버폴더에서 작성된 코드가 적용이 된다.
  • ^c 를 눌러서 서버를 먼저 꺼준다.
  • npm install nodemon으로 설치를 한다.
  • 서버폴더에 있는 package.json 에서 사진처럼 코드를 작성해주고 npm start 를 터미널에 입력하면 nodemon이 실행된 모습을 볼 수 있다.
    

3. MySQL

• 먼저 MySQL서버를 켜준다.
  

• mysqlworkbench에서 DBTeamProject schema를 만들어준다.
  

• 서버폴더에서 npm install sequelize sequelize-cli 로 설치를 해준다.

• package.json 에서 설치가 되었는지 확인한다.
  

  • 서버폴더에서sequelize init 을 다시 입력해준다.
  • migration, seeders 폴더를 삭제해준다.

4. config.json 수정

• 

5. models 폴더

• 여기서 테이블을 만든다.
• Users.js 파일을 만들고
  
  이렇게 테이블을 생성해야한다.
• 
• 테이블 생성 후 workbench 사진
  

5.1 에러해결

• Users.js 에서 계속 저장을 해도 테이블 생성이 되지 않아서 시간을 엄청 소비했다.
• 근데 테이블이 연결되었는지 확인을 하는 방법을 구글링으로 찾아서 해결하였다.
  
• DB 연결 성공이 떠서 해결이 된 거 같다.
• 근데 샘플 테이블을 생성하고 다시 지웠다가 Users.js를 만들어서 저장했는데 만들어지지 않아서 다시 node app.js 를 하니까 생성이 되었다..

6. routes folder

• 서버 폴더에 routes폴더를 만들고 Home.js 파일을 만들어 주었다.

./routes/Home.js

res.send is not a function

• res, req로 코드를 적었다가 에러가 났었는데 res.send is not a function 를 구글링하니까 순서를 바꾸라고해서 해결하였다.
  

• 해결 후
  

./index.js

7. Git설정

• server 터미널에서 cd..로 가장 바깥으로 나가서 git init 입력
• Github 에서 repo 생성
• git remote add origin repo주소
• git add. 하고 git commit -m '' 커밋내용 작성
• git push origin master 로 푸쉬
  

브랜치 변경

• main으로 되어있어서 master로 푸쉬해도 업로드가 되지 않아서 브랜치를 main이 디폴드 값이길래 master로 바꿔줬다.

• Github에 업로드 된 모습