[Nest.js] 2. 기본구조 살펴보기

 

https://developdiary-by-soominjeon.tistory.com/12

[Nest.js] 시작하기

저번 포스팅 글에 이어 NestCLI로 생성한 프로젝트의 기본 구조에 대해 알아보자

---

nest new ./

명령어를 실행하면 

 

이런 파일들이 생성된다.

 

하나하나 살펴보면!!

 

* eslintrc.js : 코드를 깔끔하게 짤 수 있게 도와주는 라이브러리, 타입스크립트를 쓰는 가이드라인/문법 오류 알려주는 역할 등등

* prettierrc : 코드 형식을 맞추는데 사용, 작은따옴표/큰따옴표 사용이나 Indent값을 2로 줄지/4로 줄지 등등 

* nest-cli.json : nest프로젝트를 위해 특정한 설정을 할 수 있는 json vkdlf

*tsconfig.json : 타입스크립트 컴파일 방법 설정

*tsconfig.build.json : tsconfig.json의 연장선상. build할 때 필요한 설정들

*package.json : build : 운영환경을 위한 빌드 / format : 린트에러가 났을 시 수정 / start : 앱 시작

 

---

🛠 간단한 Nest 로직 흐름

- 실행 방법 : (npm 사용시) npm run start:dev

1. main.ts 

const app = await NestFactory.create(AppModule);

을 통해 app.module.ts를 불러온다.

 

2. app.module.ts

controllers : [AppController]

이제 app.controller.ts 로 이동해서

 

3. app.controller.ts

해당하는 매핑 주소에 맞는 메소드를 실행한다. 기본적으로 localhost:3000에 들어가면 

@Get()을 호출한다.

  @Get()
  getHello(): string {
    return this.appService.getHello();
  }

그럼 appService로 이동해보자

 

3. app.service.ts

2번에서 appService의 getHello를 호출했으니 getHello()를 보자

getHello(): string {
    return 'Hello World!';
  }

Hello World를 리턴하고 있다 !

 

그러면 localhost:3000으로 접속해서 Hello World를 잘 리턴하는지 확인해보자

 

짜잔~

---

내가 잘 이해했는지 확인하기 위해 localhost:3000/bye 에서 Bye~ 를 리턴하도록 간단하게 실습해보았다.

controller, service에 코드 추가

bye~~ 다음 포스팅에서는 NestJS 모듈에 대해 알아보자