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"
--
에코로 추출 확인
추출 된 명령어 실행
---