[게시판 프로젝트] 환경 설치 및 개요

 

사용 스펙
Visual Studio Code
[backend] node.js
[frontend] Vue.js

 

저는 visual studio code를 사용합니다. 다른 에디터도 상관없습니다. 만약 쓰는 에디터가 없어 visual studio code를 사용하신다면, 아래의 링크로 가서 참고해보시는 것도 좋을 것 같습니다. [설치하면 편한, extensions 종류가 있어요]

hyemsinabro.tistory.com/169

Visual Studio Code 설치 및 EXTENSIONS 설치

 

file > open folder 을 클릭해서, 폴더를 선택해서 열어주세요.

폴더 안에 좌클릭으로 backend 폴더와 frontend 폴더를 만들어주세요. 

만들어진 backend 폴더에서 좌클릭으로 'open in integrated teminal' 을 클릭해서 터미널을 켜줍니다. 

 

터미널에 아래의 명령어를 입력해서 초기 셋팅을 해줍니다. 명령어를 입력하면 패키지 이름 등 여러가지를 적으라고 하는데 일단 모든 항목을 enter를 입력해주겠습니다. [ 이는 개발 내용과 없기 때문에 마음껏 내용을 작성해도 무관합니다]

npm init

 

터미널에서 아래의 명령어를 이용해서

bcryptjs,cors,express,mime,morgan, multer, mysql2,sequelize, sequelize-cli, winston, winston-daily-rotate-file 모듈을 설치해줍니다. 아래에는 제가 발생했던 오류에 대한 해결 방법을 적은 게시글을 첨부합니다.

npm install [모듈명]

hyemsinabro.tistory.com/168

[ERROR] 'node'용어가 cmdlet, 함수, 스크립트 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습

 

 

npm install nodemon -D

위의 명령어를 실행시켜줍니다.

backend > package.json 파일에서 script 부분에 아래의 코드를 추가해주세요. [ 선택사항입니다. 단,  backend 서버 구동할때 명령어가 달라집니다. ]

  "dev" : "nodemon server.js"

 

터미널에 아래의 명령어를 입력해 줍니다. 그러면 아래의 크림과 같은 파일구조를 가지게 됩니다. 

npx sequelize init

 

이렇게 되면 nodejs에 대한 setting이 완성됩니다.

 

아래는 githubw주소이다.

github.com/alsdk3586/board/tree/backend/backend

alsdk3586/board