web
Node js 프로젝트에서 Swagger API 문서 자동화
swgger를 사용해보자 이전 프로젝트에서는 postman을 이용해 백엔드 api 문서를 생성했다. postman도 편하고 잘 동작하지만, swagger api를 사용해보려고 한다. yml파일을 생성해 하나의 파일에 정의하는 방식과 라우터 파일들에 직접 정의 할 수 있는 차이가 있...
#node js
9개의 글
web
Cross-Origin Resource Sharing(CORS)
MDN web docs를 정리하였습니다. CORS(Cross-Origin Resouce Sharing) 다른 도메인에서의 자원을 호출하는 행위에 제한이 없을 경우 안전하지 않습니다. CORS (Cross-Origin Resource Sharing)는 이렇게 시스템 수준에서 타 도...
web
백엔드 3계층 구조로 구현한 프로젝트 템플릿
3계층 구조 설계 3계층 구조 설계는 백엔드 코드를 3개의 구조로 나눠 구현하는 것을 말한다. Controller, Service, Data Access계층으로 나눠져 있다. Data access계층은 Model 계층으로도 쓰인다. Controller layer 사용자의 reque...
web
async와 await
비동기(asynchronous) Javascript는 single thread 이므로 서버 요청을 기다려야 하는 경우 사용자는 멈춰있는 브라우저를 보게 된다. 그러므로 동기 처리가 아닌 비동기 처리가 필요하다. 비동기는 코드의 순서와 다르게 실행되는 것을 말한다. 비동기 처리 코드...
web
Middleware에 대해 알아보자
Middleware Express.js 동작의 핵심인 미들웨어는 Http 요청과 응답 사이에서 단계별 동작을 수행해주는 함수이다. middleware의 동작 원리 Express.js의 미들웨어는 HTTP 요청이 들어온 순간부터 시작된다. 미들웨어는 HTTP 요청과 응답 객체를 처리...
web
Node js 프로젝트 시작하기 (npm과 모듈 사용하기)
NPM npm은 node package manager로 프로젝트의 의존성을 관리할 수 있다. package.json 생성하기 npm init 프로젝트 디렉토리 안에서 위 명령어를 사용하면 package.json파일을 생성되고 Node js프로젝트가 된다. 파일에서는 프로젝트의 정보...
web
React 시작하기, Routing
React js React js는 component 기반 자바스크립트 라이브러리다. 캡슐화된 component로 재사용성을 높인 라이브러리다. 현재 프로젝트에서는 Node js와 React js를 이용해 Backend와 Frontend를 구성한다. Real Dom and Virtu...
web
로그인 기능, 로그아웃 기능(Node js)
Compare password method userSchema.methods.comparePassword = function (plainPassword, cb) { bcrypt.compare(plainPassword, this.password, function (err, isMat...
web
Node js 프로젝트 시작하기
Node js 시작하기 npm init npm init명령어로 node js 애플리케이션을 시작할 수 있다. 기본 정보를 입력하고 나면 package.json파일이 생성된다. package 설치하기 npm install <package name> npm install을 ...