MERN - 백엔드 서버 구축 - 클라이언트 지원 및 데이터 저장 01

MERN - 백엔드 서버 구축 - 클라이언트 지원 및 데이터 저장

​

현재 프론트엔드는 구축 완료,

이어서

​

START

$ npm init -y

​

$ npm i express dotenv cors mongoose cloudinary multer svix

​

----

• express: Node.js 웹 프레임워크
• dotenv: .env 환경변수 파일을 로드하는 라이브러리
• cors: CORS 설정을 위한 미들웨어
• mongoose: MongoDB ODM
• cloudinary: Cloudinary 이미지 업로드용 SDK
• multer: 파일 업로드 미들웨어
• svix: 웹훅 관련 라이브러리 (Svix 서비스용)

----

 

type: module 추가

버전 확인

​

이후 파이어베이스 스튜디오 가상서버환경 설정 필요.(테스트서버 기동확인)

​

$ npm run dev

​

localhost:3000

또는 기동 서버의 호스트 확인

기동 확인 완료

​

실시간 확인을 위해

$ npm install --save-dev nodemon

 

패키지 추가 확인

​

키와 값 추가

"server" : "nodemon server.js",

​

//

이후 서버 재기동

$ npm run server

​

​

**파이어베이스 스튜디오 사용시 가상환경 설정 수정

​

nodemon 설정으로 서버 소스 변경에 따른 실시간 반영이 적용된다.

​

---

프로젝트를 새로 생성 및,

client 폴더, server 폴더 각각 생성

​

이후 메인 프로젝트 폴더 커맨드

$ npm init -y

client 폴더의 package.json 에서 추출 커맨드

--

deps=$(jq -r '.dependencies | to_entries | map("\(.key)@\(.value)") | join(" ")' package.json)

devdeps=$(jq -r '.devDependencies | to_entries | map("\(.key)@\(.value)") | join(" ")' package.json)

​

echo "npm install $deps --save"

echo "npm install $devdeps --save-dev"

--

에코로 추출 확인

​

추출 된 명령어 실행

---