🌱 → 🌳

📌 DOTENV : 중요한 정보(서버 접속 정보 등)을 외부 코드에서 확인이 불가능 하도록 도와주는 모듈 📍 설치 npm i dotenv -s 📍 app.js에 모듈 호출하기 require('dotenv').config(); 📍 .env파일을 최상단 폴더에 만들기 중요한 정보를 .env 파일에 저장 (PORT, mongoDB URI 등 ) 해당 정보가 필요한 곳에서 process.env.저장명 으로 사용 const uri = process.env.DB_URI; 📍 .env 파일은 중요한 정보이기 때문에 git에 등록하지 않음 ! (gitignore에 등록) 따라서, 해당 파일은 직접 업로드 하면서 사용 ✅ 참고, .gitignore이 안될때 ! git도 캐쉬를 사용하기 때문에 로컬에 해당 내용이 남아 있..

📌 Static : 브라우저에서 접근이 가능한 폴더의 위치를 지정해 주는 역할 app.use(express.static('views')); 위의 미들웨어를 사용하면 프로젝트에서 사용하는 폴더 경로의 시작점 -> localhost:4000/views ./ 의 상대 경로 -> localhost:4000/views/ 와 동일한 의미를 가짐 브라우저에서 접근 가능한 기본 폴더를 설정하는 만큼 너무 많은 폴더를 정하는 것은 피하는 편이 좋음 보통 public 이라는 폴더를 기본으로 설정해 놓고 해당 폴더만 설정 public 폴더의 경우 브라우저 등의 클라이언트가 접근이 가능한 폴더로써 보통 CSS, 브라우저에서 사용하는 JS, 이미지 등을 위치 📌 Express 기본 폴더 구조 /images = /img /jav..

📌 URL 데이터를 받는 방법 ✅ req.params 받을 url에서 :파라미터명 을 미리 정의해 두면 해당 내용은 req.params 에 담겨서 전달됨 app.get('/:id', (req, res) => { console.log(req.params); res.send(`ID 번호가 ${req.params.id} 인 회원 정보`); }); data 여러 개 받기도 가능 req.params 라는 객체에 담겨서 전달이 되어서 편리하게 사용이 가능 app.get('/:id/:name/:gender', (req, res) => { console.log(req.params); res.send(req.params); }); ✅ req.query params 의 약점은 정의 된 형태로만 데이터를 받을 수 있음 막 ..

📌 middleware란? (사전적의미) 서로 다른 어플리케이션(프로그램)이 서로 통신을 하는데 사용되는 소프트웨어 즉, 양쪽 어플리케이션 가운데에서 역할을 하는 소프트웨어 Express: 벡엔드 서비스 구성을 위한 다양한 상황에 맞는 여러가지 서비스를 미들웨어 형태로 제공 Express 에서의 미들웨어는 서버에 들어온 요청이 들어와서 응답으로 나갈 때 까지 거치는 모든 함수 또는 기능을 의미 요청 -> 미들웨어 -> 응답 ✅ middleware 사용하기 Express 에서는 app.use 또는 app.method 함수를 이용해서 미들웨어 사용 기존에 함수를 선언하여 사용했던 것 처럼, 위의 메소드를 이용해서 req, res 에 대한 처리 app.use(‘요청 주소‘, (req, res, next) =>..

📌 Yarn 이란? Facebook에서 만든 노드 페키지 관리자 도구 npm과 정확하게 같은 일을 해줌(but, 가볍고 빠름) + React도 Facebook에서 만들어서 추후에 편리함 ✅ Yarn의 장점 속도 패키지 데이터를 Cache 에 저장하여 중복된 데이터는 다운 받지 않고 설치 합니다 -> 속도가 더 빠릅니다 안정성 & 보안성 Yarn 은 이전에 npm이 제공하지 않던 yarn.lock 파일을 제공 간단한 정보만 포함하던 packge.json 이 아니라 각 패키지의 세부 정보를 전부 포함하는 lock 파일의 존재는 어느 환경에서나 같은 패키지를 설치할 수 있도록 보장을 해줬기 때문에 안전성과 보안성이 뛰어남 나중에, npm 도 pakage-lock.json 을 도입하여 이와 같은 문제 해결 지금..

자료를 저장하기 위해선 일단 MongoDB에 저장할 폴더와 파일을 만들어야 함 database/ collection 만들기 ▼ 1. MongoDB Atlas 메인 대시보드에서 Collections 라는 버튼 클릭 ▼ 2. Add my own data 버튼 클릭 (혹은 이미 뭐가 있다면 create database) 3. database 이름, collection 이름을 정해준 다음 저장 database는 하나의 폴더, collection은 하나의 파일 느낌 ✅ js 파일에서 db와 통신 let db; MongoClient.connect('접속URL', { useUnifiedTopology: true }, function (err, client) { if (err) return console.log(err..

📌 MongoDB Atlas 가입 후 호스팅받기 사이트를 실제 배포할 것이라면 클라우드 서비스를 이용하는 것이 매우 안정적 백업도 알아서 해주고, 갑자기 사람이 터질 때 용량 걱정도 없고, 접속 속도도 빠름 -> 이걸 무료로 호스팅 해주는 사이트가 MongoDB Atlas 📌 DB 접속하는 URL 찾아오기 1. 메인화면 셋팅이 끝나면 CONNECT라는 작은 흰색 버튼 누르기 2. 가운데 Connect Your Application 버튼 누르기 3. (1) Choose your driver version 에서 Node.js 선택되어있는지 잘 확인하기 3. (2) 밑에 접속 URL(Connection String) 긴게 뜨면 복사해서 일단 메모장 같은 곳에 저장해놓기 접속 URL만 잘 써주면 DB와 직접 통..

📌 CRUD (Create, Read, Update, Delete) Create -> post read -> get update -> put delete -> delete 📍req, res req(uire) : 브라우저에서 들어온 요청 res(ponse): 요청에 따른 서버의 응답 📍 nodemon 사용 "scripts": { "server": "nodemon js/main.js", "dev": "nodemon --watch \"./js/*.js\" --exec \"npm run server\"" }, package.json 파일 수정 sass 처럼 특정 파일에게 --watch 걸어 줄 수도 있음 변화가 일어나면 --exec 옵션으로 명령어 실행 가능 📍 HTTPie 서버에서 post 요청 ✅ 코드 전체..