본문 바로가기
반응형

Dev-Code(Back-End)10

[Swagger] NestJS에서 Swagger 사용하기 프로젝트를 진행하다보니 Swagger를 사용해야하는 상황이 생겼다. API 정의서를 직접 작성 할 수도 있지만 이번프로젝트에서는 이전 방식보다는 Swagger를 이용하여 편하게 일 해보자는 목적이 생겼다. 그래서 한번 써보려고 한다! 여타 다른 모듈들과 마찬가지로 일단 패키지를 설치해야 한다! npm을 이용하여 간단하게 패키지 설치를 하면 되고 명령어는 아래와같다. npm install --save @nestjs/swagger swagger-ui-express 설치를 모두 마치고 나면 이제 실행이 되게끔 코드를 추가해주는 일만 남았다. 우선 Swagger의 Setup을 먼저 진행해야 한다. 나는 util 폴더에다가 아예 Swagger관련된 파일을 하나 만들고 그 안에 function을 만들었다. impo.. 2023. 2. 17.
[NestJS Error] Cors 에러 발생(해결) 열심히 만들어 놓은 서버를 PostMan으로 혼자서 열심히 테스트 해보다 드디어 프런트와의 테스트를 진행했다. 아니나 다를까 당연히 오류가 발생 하였고 CORS 관련 오류가 발생하였다. 웹 개발은 거의 처음이다 싶이 한 나는 구글을 열심히 찾아보았고 몇 줄의 코드를 추가하는 것으로 해결하였다. 페이지의 진입점인 main에 아래와같은 코드를 추가하였다. app.enableCors({ origin: true, methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS', credentials: true, }); CORS 설정을 추가하였더니 잘 작동한다~ 2023. 2. 7.
[NestJS] 서버 구동 시키기 지난번에는 기본적인 프로젝트 생성을 진행하였다. 만약 Node.js 설치 및 NestJS 프로젝트 생성 방법이 궁금하다면 아래의 링크가 도움이 될지도 모른다. https://chobodeveloperkk.tistory.com/5 [NestJS] NestJS환경 설정 및 프로젝트 생성하기 오늘은 NestJS기반 환경을 만들기 위한 내용을 작성 해 보려고 한다. 내가 사용해보고 익히려는 NestJS라는 녀석은 Node.js를 기반으로 만들어져 있기에, Node.js를 우선 설치를 해야한다. Node.js는 아래 chobodeveloperkk.tistory.com 프로젝트까지 생성이 완료되었으니 이제 서버를 실제로 구동시켜 보자! 우선 터미널을 열고 npm run start를 입력하고 엔터키를 누르고 잠시 기.. 2023. 2. 6.
[NestJS] NestJS환경 설정 및 프로젝트 생성하기 오늘은 NestJS기반 환경을 만들기 위한 내용을 작성해 보려고 한다. 내가 사용해보고 익히려는 NestJS라는 녀석은 Node.js를 기반으로 만들어져 있기에, Node.js를 우선 설치를 해야 한다. Node.js는 아래의 링크에서 다운로드할 수 있다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 링크를 타고 들어가게 되면 아래와 같은 화면이 나오게 된다. 최신버전과 LTS가 있는데 불안정한 최신버전보다는 안정적인 버전의 LTS로 다운을 받는 것을 권장한다. 나는 Windows Installer 64비트를 받아서 .. 2023. 2. 3.
반응형