GitLab Duo의 Code Suggestions로 Nest JS API 만들기
Updated: Apr 26, 2024
Description
GitLab Duo(AI) 기능을 활용하여 Nest JS 백엔드 API를 생성하는 방법을 보여드립니다.
Steps
1
Code Suggestions로 Nest JS API 만들기
2
"login.dto.ts"를 클릭합니다.
3
해당 부분에 엔터를 입력합니다.
Code Suggestions가 코드를 추천하면 Tab을 입력하여 추천 코드를 수락합니다.
4
Video step
5
Code Suggestions 도움을 받아 LoginDto를 완성하였습니다. 다음 단계로 넘어갑니다.
6
"signUp.dto.ts"를 클릭합니다.
7
해당 부분에 엔터를 입력합니다.
8
Video step
9
만약에 추가로 필드를 추천받고 싶다면 이어서 엔터를 입력하면 됩니다.
10
Video step
11
이 핸즈온에서는 name 필드를 사용하지 않기 때문에 지워줍니다.
12
Video step
13
Code Suggestions 도움을 받아 SignUpDto를 완성하였습니다. 다음 단계로 넘어갑니다.
14
"main.ts"를 클릭합니다.
15
해당 부분에 엔터를 입력합니다.
16
Video step
17
Code Suggestions 도움을 받아 TODO 3, 4의 미션을 해결하였습니다. 추가로 Code Suggestions 도움을 받아 주석도 작성할 수 있습니다.
18
Video step
19
기다려도 응답을 받지 못했다면 작성한 부분을 지우고 다시 입력합니다. 그러면 Code Suggestions를 정상적으로 다시 사용할 수 있습니다.
20
Video step
21
Code Suggestions 도움을 받아 주석을 모두 작성하였습니다. 다음 단계로 넘어갑니다.
22
"auth.controller.ts"를 클릭합니다.
23
해당 부분에 엔터를 입력합니다.
24
Video step
25
Code Suggestions를 사용해 2개의 API를 모두 작성하였습니다. 여기서 세세한 부분을 잡아줍시다.
26
Video step
27
signUp을 signup으로 수정하였습니다.
28
"auth.service.ts"를 클릭합니다.
29
해당 부분에 엔터를 입력합니다.
30
Video step
31
Code Suggestions가 우리가 원하는 방향으로 모두 추천해 주었습니다.
32
하지만 Code Suggestions가 우리 의도와 조금 다른 코드를 작성할 때도 있습니다. 이때 해당 부분을 지우고, 우리가 원하는 코드를 작성하면, Code Suggestions가 이에 맞춰 코드를 추천해 줍니다.
33
Video step
34
Code Suggestions 도움을 받아 Login 함수의 서비스 로직을 모두 작성하였습니다. 다음 단계로 넘어갑니다.
35
해당 부분에 엔터를 입력합니다.
36
Video step
37
Code Suggestions를 이용하여 서비스 로직도 모두 완성되었습니다.
38
백엔드 Code Suggestions 핸즈온이 끝났습니다.
여러분은 Code Suggestions 도움으로
백엔드 API 두 개를 단시간에 완성하였습니다.