T3ch

어느 언어이던간에 환경변수 값, 즉 configuration 이라는 모듈을 사용하게 되는데, Nest.js에서도 configuration 모듈을 제공해주고있으며, 해당 모듈은 dotenv 모듈을 기반해서 작동합니다. 공통으로 사용해야할 변수 값이거나 혹은 개발레벨 (프로덕션, 개발, 테스팅 등등..) 에 따른 다른 환경변수를 가져야하는 경우가 많으므로 프로젝트를 구성할 때 거의 대부분 셋팅하게 되는 모듈입니다. 이전에 포스팅한 데이터베이스 연결정보같은 경우도 config 파일로 따로 관리하는 경우가 많아서 해당 모듈을 먼저 셋팅하고 넘어가고자 합니다. 1. @nestjs/config 모듈 인스톨 $ npm i --save @nestjs/config or $ yarn add @nestjs/config ne..

웹어플리케이션을 만들면서 가장 많이 필요로 하는 것중에 하나가 데이터베이스 연동인데, Nest.js에서도 공식적으로 데이터베이스 클라이언트 모듈을 제공해주고, Typescript의 ORM인 TYPE ORM을 사용할 수 있습니다. 이전 프로젝트에 데이터베이스를 연동시켜보겠습니다. 일단 데이터베이스가 필요할텐데, 보통 데이터베이스는 별도의 서버나 혹은 클라우드에서 제공하는 서비스를 원격으로 붙어서 사용하는게 일반적이나, 간단하게 테스트하는 용도이니만큼 DB도 도커를 사용하여 간단하게 띄워보도록 하겠습니다. (도커는 기본적으로 설치되었다는 가정하게 진행하겠습니다.) 1. MYSQL image 다운받기 $ docker pull mysql 버전을 따로기입하지 않고 image를 다운받으면 최신버전을 기준으로 mys..

nest cli를 통해 기본적으로 만들어지는 프로젝트 구조를 이전에 학습해보았는데, 디렉토리 구조를 조금 더 다듬어보려고 합니다. 공식 문서에 나오는 구조를 최대한 지키되, 코딩하기에 좀 더 알아보기 쉽고 간편한 방법을 찾아보겠습니다. Nest js에서 기본적으로 필요한 구성은 아래와 같습니다. 간단히 역할을 설명하자면 controller : 라우트를 기술 service : 서비스에 필요한 메서드를 기술 module : Nest 프레임워크를 구동하는데 필요한 메타데이터를 제공 (Nest에선 적어도 하나의 root 모듈이 필요합니다) 보면 아시겠지만, 모든 기능들을 저 세 개의 파일에 다 넣을 순 없겠죠. 그럼 저걸 어떻게 나눌지를 보자면, 가장 기본적으로 저 세 가지의 분류대로 디렉토리를 나누는 방법이 ..

Node.js를 사용하고, Typescript를 배우던 와중에 접했던 프레임워크인 NestJS라는 물건을 사용하게 되었습니다. 기존엔 Express를 사용했었고, 그 안에 Typescript를 셋팅하여 프로젝트를 구성했던 것과는 다르게 이 프레임워크를 쓰게되면 기본적인 Typescript 셋팅부터 전체적인 구조까지 프레임워크 생성 커맨드를 통해 기본적으로 제공해줍니다. 공식 문서에서는 아래와 같이 소개합니다. 더보기 Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with and fully supports Ty..

Node.js와 Vue (물론 기본적인 html도 가능합니다) 를 이용하여 서버단에 있는 파일을 다운로드하는 코드샘플입니다. 기본적인 express 서버를 띄우는 설정이나 실행환경 셋팅은 제외하였습니다. [router.js] 1 2 3 4 5 const util = require('./util.js') router.get('/download',(req, res, next)=>{ util.download(req, res) }) Colored by Color Scripter cs 일단 기본적인 라우터 셋팅입니다. 단순하게 /download 라는 라우터로 진입했을 때 util.js 파일에 있는 download 함수를 실행시켜주는 코드입니다. [util.js] 1 2 3 4 5 6 7 8 9 10 11 expo..

사용하다보니 몇 가지 문제점이 있어서 해결방법은 추후에 업데이트하도록 하겠습니다. 원래는 혼자 공부목적으로 쓰다가 실무에서 적용하려다보니 기존에 쓰던 구조에서 변경의 필요성의 느껴졌습니다. 이유는 다음과 같습니다. 상용과 개발환경에 따라 사용하는 데이터베이스가 다릅니다. 하나의 프로그램에서 필요에 여러개의 데이터베이스 접근이 가능해야합니다. 개발서버DB와 상용서버DB가 완벽하게 일치하지 않기 때문에 entity 생성도 별개로 되어야합니다. 이전 챕터까지 진행했다면 sequelize 문법 사용이 가능한 js 파일들 (보통 entity라고 하는 것 같습니다.) 이 생성되었을 겁니다. 하지만 위와같은 제약사항을 해결해야한다면 index.js 파일부터 sequelize-auto 모듈을 사용하여 entity를 생..

오랜만에 다시 글을 쓰게 됩니다. Sequelize를 쓸 일이 갑자기 생기게 되었네요~ 이전까지는 sequelize를 이용해 define 된 테이블 정보를 가지고 진행을 했었는데, 만약 Models 디렉토리에 제가 정의하지 않은 테이블이 있다면 그 테이블을 sequelize를 통해 사용할 수 있을까요? 흔히 말하는 DML구문은 sequelize 에서는 Model 객체에서만 있는 메소드 입니다. 이 말은 즉, models 디렉토리에 테이블 정보 파일이 있을 때 findOne이나 update 등과 같은 메소드를 사용할 수 있습니다. 근데 내부 DB에는 있는데 제 models 디렉토리에 그 테이블에 대한 js 파일이 없다면 결국 그 테이블은 조작이 불가능합니다. 예를들면 models 디렉토리안에 이 두개의 파..

게시판에 글을 쓰는 작업도 이어서 진행해보도록 하겠습니다. 게시글을 쓴다는 것은 DB에 내가 쓴 게시글의 내용이 저장된다는 뜻 이겠죠? 일단 간단한 글 쓰기 페이지 폼을 작성해보도록 하겠습니다. views/write.pug12345678910111213141516171819202122232425262728293031link(rel='stylesheet', href='css/bootstrap.css')link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css')ons-page ons-toolbar div(style='text-align: center;..

이전 포스팅에서는 DB를 셋팅했습니다. 그럼 DB에 있는 데이터를 표시해야하겠죠? 그럼 server와 client 간의 통신이 필요할 것입니다. 쉽게 말하면 앞 단과 뒷 단 간의 데이터를 주고받아야 한다는 것이죠. commuity 라는 페이지를 만들어서 적용을 해보도록 하겠습니다. 저는 pug 템플릿을 사용하기때문에 html 형태가 조금 다를 수 있습니다. 변환을 해주는 사이트들이 많이 있으니 바꿔서 사용하셔도 되고 아니면 개인적으로 게시판 폼을 만들어서 쓰셔도 됩니다. views/commuity.pug123456789101112131415161718192021222324252627282930313233script(src='https://ajax.googleapis.com/ajax/libs/jquery/..

게시판의 글은 DB를 통해서 조작하기 때문에 일단 DB설정이 필요합니다.저는 Sequelize를 이용하여 DB를 활용하려하고, SQL문 작성 없이 Javascript로 진행됩니다.http://bubobubo003.tistory.com/32 해당 링크에 Sequelize를 setting하는 방법을 포스팅 한 적이 있습니다. DB 환경을 setting 했다는 가정 하에 내용을 진행하겠습니다. [User] 테이블+------------+--------------+------+-----+---------+----------------+| Field | Type | Null | Key | Default | Extra |+------------+--------------+------+-----+---------+-..