🌱 → 🌳

📌 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) =>..

📌 전개구문(Spread Syntax) 2015년에 추가 된 문법 벡엔드에서 큰 데이터를 다룰 때 자주 사용 병합, 구조 분해 할당 등에 다양하게 사용 가능 배열 또는 객체의 값을 하나하나 따로 분리해서 흩뿌리는 역할 원하는 변수 앞에 ...써주면 됨 📍 예시1 const arr = [1, 2, 3, 4, 5, 6]; console.log(arr); //[ 1, 2, 3, 4, 5, 6 ] console.log(...arr); //1 2 3 4 5 6 📍 예시2 function spread(first, ...rest) { console.log(first); console.log(rest); } spread(1, 2, 3, 4, 5, 6, 7); 📌 node.js 내장 객체 사용하기 파일 위치, 파일 이름..

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

📍 Code Refactoring : 프로그램의 동작은 변하지 않고, 프로그램의 내부 구조를 개선 하는 것! 원시 기술 -> 새로운 기술 코드 비효율 -> 효율(반복문 줄이기, 중복 기능 제거, 메모리 효율 증대) 코드 가독성 높이기 코드의 확장성 높이기 📌 JS에서 Module 사용하기 JS 도 Module 을 지원함 📍 2가지 방식 CommonJS 방식 ES6 방식 ✅ CommonJS 방식 node.js에서 사용하는 모듈 방식 키워드 : require/ exports require로 모듈을 불러 올 때, 코드 어느 곳에서나 불러 올 수 있음 ✔️ 전체 모듈로써 내보내고, 전체를 하나의 Obj로 받아서 사용하는 방법 animals.js // @ts-check const animals = ['dog', ..

📌 JSDoc 란? 일종의 주석 달기 거의 표준화가 되어서 Vscode, Webstorm 등 에서는 기본으로 기능을 제공 특정 형태로 주석을 달면 해당 주석 내용을 통해 함수의 기능 또는 매개 변수의 타입등을 미리 알려줄 수 있음 주석을 달 때 /** */ 로 달면 됨 ✅ JSDoc 부가 기능 @todo 메모처럼 사용 가능, 개발하다가 멈출때 다음부터 해야할 것 써놓기 /** * @todo 내일 새로운 매개변수 추가 해야함 due to 10:30 .. */ @deprecated 더 이상 해당 기능을 쓰지 않을 때 추가 -> 함수 쓰면 가로줄이 그어짐 @type {타입 형태} 변수에 특정 타입을 쓰라고 알려 줄 때 사용이 가능 요즘은 typescript가 이 역할을 대신 해줘서 잘 안쓰긴 함 ✅ JSDoc..

자료를 저장하기 위해선 일단 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..