#11-2. 기초부터 따라하는 Nest.js : Join

 

해당 포스팅은 nest.js 9.0.0 버전, typeorm 0.3.x 버전을 기준으로 작성되었습니다.
모든 글은 작성자의 주관이 100% 담겨있기 때문에 부정확할 수 있습니다.

 

#pre. 터미널을 켜고 프로젝트 폴더로 이동

https://suloth.tistory.com/44

#0-1. 기초부터 따라하는 nest.js : 터미널 키는 법 + 터미널에서 작업 폴더 이동

 
위의 링크의 내용을 참고하여 study 폴더로 이동해줍니다.
그리고 code . 명령어를 통해 vscode를 열어줍니다.

---

지난 포스팅에서 Comment에 대한 CRUD를 만들었습니다.

 

https://suloth.tistory.com/94

#11-1. 기초부터 따라하는 Nest.js : Comment CRUD

 

Comment를 생성해 보았으니, Article을 Read할 때, Comment도 함께 가져오는 법을 알아보겠습니다.

---

이 챕터를 시작하기 전에! 먼저 Postman에서 게시글과 Comment를 생성합시다.

 

1. 먼저, npm run start:dev 명령어를 통해 서버를 열어줍니다.

 

2. 로그인을 합니다. 로그인으로 발급받은 accessToken은 Header의 Authorization에 Bearer 토큰 형태로 입력해줍니다.

 

 

3. 게시글을 생성합니다. 방금 생성한 게시글의 id를 잘 확인합시다. 제 게시글의 id는 2입니다.

 

 

4. 해당 게시글에 댓글을 생성합시다.

 

 

자, 여기까지 하셨다면 준비는 끝났습니다.

---

Article Read시, 댓글까지 가져오기

---

https://suloth.tistory.com/92

#11. 기초부터 따라하는 Nest.js : Article CRUD

위의 포스팅에서 작성한 Read Article함수로는 댓글을 가져오지 않습니다.

 

 

위의 사진을 보시면, 결과 값에 comment가 없습니다.

 

그래서 우리는 comment를 join을 해서 가져와야합니다.

Join이 뭔지 모르신다면, 구글링을 해보시기 바랍니다. (키워드 : SQL Join)

 

ArticleService

ArticleService의 getArticle 함수를 수정해봅시다.

 

현재 코드입니다.

  async getArticle(articleId: string) {
    const article = await this.articleRepository.findOne({
      where: {
        id: articleId,
      },
    });

    return article;
  }

위의 코드는 where문만 적용된 모습입니다. 여기서 join을 추가하기 위해서는 relations속성을 사용합니다.

 

다음과 같이 코드를 변경해줍시다.

  async getArticle(articleId: string) {
    const article = await this.articleRepository.findOne({
      where: {
        id: articleId,
      },
      relations: {
        comments: true,
      },
    });

    return article;
  }

relations 속성에 comments: true 를 사용하여 comment를 left join으로 가져오게 할 수 있습니다.

 

그리고 서버를 재시작 한 다음, 게시글을 Read 해봅시다.

 

 

comments라는 속성이 추가된 것을 볼 수 있습니다!

 

그리고 터미널 창을 확인하면 쿼리문을 확인할 수 있습니다.

와우... 정말 길죠? relations를 사용하니까, 중간에 Left join이 들어갔습니다!

---

Github에 Push

---

여기까지 끝났다면, Github에 push 해봅시다.

 

https://suloth.tistory.com/46

#0-2. 기초부터 따라하는 Nest.js : Git과 Github 사용법

 

참고하시라고 올려두는 사진입니다.