🖥 백엔드

<h1><strong>들어가기 전에</strong></h1><p>Nest.js는 Node.js 진영에서 널리 쓰이고 있는 서버 프레임워크이다.</p><p>그리고 이런 서버를 클라우드 환경에 배포하기 위해서는 AWS EC2, Oracle Cloud 등의 컴퓨팅 인스턴스 위에 올리는 방법이 정석이겠다.</p><p>&nbsp;</p><p>하지만 Nest.js는 서버리스를 지원하고, Vercel은 서버리스를 지원한다.<br>이를 이용해서 무료로 간단히 Vercel에 서버를 배포할 수 있다.</p><p></p><h1>방법</h1><p>방법 자체는 간단하다. 프로젝트 최상단에&nbsp;<code spellcheck="false">vercel.json</code>을 만들고 다음과 같이 작성한다.</p><pre spellcheck="false"><code class="language-json">{
  "version": 2,
  "builds": [
    {
      "src": "src/main.ts",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/main.ts",
      "methods": [
        "GET",
        "POST",
        "PUT",
        "DELETE"
      ]
    }
  ]
}</code></pre><p><span>그 후 </span><code spellcheck="false">npm install -g vercel</code><span> 을 실행한 후, 프로젝트 최상단 경로에서 </span><code spellcheck="false">vercel .</code><span>를 실행하면 완성된다.</span></p><p></p><h1>트러블 슈팅</h1><h2>Cannot find module</h2><img src="https://image.until.blog/octoping/article/1730787106060.png" data-width="75%" data-align="center" alt="1972"><p><span>배포를 했지만 다음과 같은 오류가 떠서 처음에 큰 고생을 했다.</span></p><p><span>Vercel에서 로그를 확인해보니 아래와 같은 에러 로그가 있었다.</span></p><pre spellcheck="false"><code class="language-log">2023-08-18T17:52:14.322Z	undefined	ERROR	Cannot find module 'src/infra/prisma/PrismaService'
Require stack:
- /var/task/src/feed/feed.module.js
- /var/task/src/app.module.js
- /var/task/src/main.js
2023-08-18T17:52:14.323Z	undefined	ERROR	Did you forget to add it to "dependencies" in `package.json`?
RequestId: 059dec36-4319-4851-9c23-3ecf01978f18 Error: Runtime exited with error: exit status 1
Runtime.ExitError</code></pre><img src="https://image.until.blog/octoping/article/1730787132600.png" data-width="100%" data-align="center" alt="1974"><p>분명 잘 존재하는 모듈을 발견하지 못하고 있다고 에러가 떴다.</p><p>왜;;인지 도저히 알기가 어려워 많이 헤맸는데, 문제는 내 import 문에 있었다.</p><pre spellcheck="false"><code class="language-typescript">import { PrismaService } from '@/infra/prisma/PrismaService';</code></pre><p>다음과 같이 path alias를 사용해서 절대 경로로 import 하는 경우 Vercel이 경로를 인식을 못하는 이슈였다.</p><p></p><p><code spellcheck="false">src/infra/prisma/PrismaService</code>&nbsp;처럼 @를 안 쓰고 절대경로로 쓰더라도 마찬가지였다. 상대경로로 작성해야 한다!</p><p></p><h2>Swagger 페이지 404 에러 (검증 못 해봄)</h2><p><span>다른 페이지는 잘 나오지만 Swagger 페이지만 아무것도 안 나오는 이슈 (404 에러)가 발생한다.</span></p><pre spellcheck="false"><code>Uncaught ReferenceError: SwaggerUIBundle is not defined
    at window.onload</code></pre><p>개발자 도구를 켜보면 이런 로그가 나온다.</p><p>C# 쪽 스웨거에서도 한번 제보된 문제이긴 하다. swagger ui 파일이 서버리스에 올라가기에는 너무 크다는 이슈다.</p><a data-type="bookmark" href="https://stackoverflow.com/questions/63363123/swagger-ui-bundle-js-too-large-for-aws-lambda-and-alb" target="_blank"><div class="content"><div><div class="title">swagger-ui-bundle.js too large for AWS Lambda and ALB</div><div class="description">Updated to .NET Core 3.1 and the latest version of Swashbuckle but found the swagger UI wasn't working correctly.  The swagger-ui-bundle.js was failing to load with a 502.  Tracked this down to a A...</div></div><div class="href">https://stackoverflow.com/questions/63363123/swagger-ui-bundle-js-too-large-for-aws-lambda-and-alb</div></div><img src="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded"></a><p>따로 CDN에 swagger js나 css를 올려놓고, 서버리스에 올리는 대신 받아오는 방식으로 사용해볼 수 있겠다는 생각인데.</p><p></p><pre spellcheck="false"><code class="language-typescript">const CSS_URL = "cdnjs.cloudflare.com/ajax/libs/swagger-ui/4.1.0/swagger-ui.min.css";
swaggerUI.setup(specs, { customCssUrl: CSS_URL })</code></pre><p>이런 방식으로 사용해볼 수 있다는 듯 하다.</p><a data-type="bookmark" href="https://github.com/swagger-api/swagger-ui/issues/8461#issuecomment-1497927943" target="_blank"><div class="content"><div><div class="title">When deploying swagger on vercel on nodejs it does not show UI · Issue #8461 · swagger-api/swagger-ui</div><div class="description">This is How it does look like this and I do not know how to fix this issue. Q&amp;A (please complete the following information) OS: M1 Pro Browser" Chrome, Safari Version: 22 Method of installation: np...</div></div><div class="href">https://github.com/swagger-api/swagger-ui/issues/8461#issuecomment-1497927943</div></div><img src="https://opengraph.githubassets.com/3d796af99bd52776acde541aa8b0f43379af9c671dc58fe420ea1314dd1a51a4/swagger-api/swagger-ui/issues/8461"></a><p></p><h1>TMI</h1><p>실제로 until을 처음 개발할 당시에 서버비를 줄이기 위해 다음 방법으로 한동안 개발했었다..</p><p>지금은 AWS + Kotlin Spring으로 넘어갔지만, 그래도 당시에 고려했던 점들을 몇 가지 적어본다.</p><p></p><ol><li><p>NestJS의 경우 서버 실행 초기에 bootstrap하는 과정을 거치는데, 이걸 api가 들어올 때마다 해야한다면 꽤 무거운 작업일 수밖에?</p><p></p></li><li><p>서버리스로 구성할 경우 api가 들어올 때마다 함수가 실행되는 꼴이므로, 트래픽이 몰리는 경우 DB의 커넥션 풀을 굉장히 잡아먹을 가능성이 높다. 이는 서버리스의 고질적 문제이긴 하다.</p><ul><li><p>프로젝트의 persistence 라이브러리로 채택한 Prisma의 경우 이런 문제를 해결해준다고 공식 사이트에 적혀는 있다. 하지만 좀 걱정된다</p><img src="https://image.until.blog/octoping/article/1730788287259.png" data-width="100%" data-align="center" alt="1976"></li></ul></li></ol><p><br></p><p></p>

NestJS를 서버리스로 배포해서 무료로 사용해봅시다

NestJS 서버를 서버리스로 Vercel에 배포하기

CodingTest

<h3>다시푸는 코딩 테스트 준비 일지</h3><ul><li><p>응시 사이트 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.acmicpc.net/">BOJ</a></p></li><li><p>문제 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.acmicpc.net/problem/1065">1065.한수</a></p></li><li><p>사용언어 : C#</p></li><li><p>난이도 : 중하</p></li><li><p>풀이시간 : 미측정</p></li><li><p>유형 : 브루트포스, 수학</p></li></ul><h2>문제</h2><p>어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오.&nbsp;</p><h2>입력</h2><p>첫째 줄에 1,000보다 작거나 같은 자연수 N이 주어진다.</p><h2>출력</h2><p>첫째 줄에 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력한다.</p><h2>예제 입력 1 복사</h2><pre spellcheck="false"><code>110
</code></pre><h2>예제 출력 1 복사</h2><pre spellcheck="false"><code>99
</code></pre><h2>예제 입력 2 복사</h2><pre spellcheck="false"><code>1
</code></pre><h2>예제 출력 2 복사</h2><pre spellcheck="false"><code>1
</code></pre><h2>예제 입력 3 복사</h2><pre spellcheck="false"><code>210
</code></pre><h2>예제 출력 3 복사</h2><pre spellcheck="false"><code>105
</code></pre><h2>예제 입력 4 복사</h2><pre spellcheck="false"><code>1000
</code></pre><h2>예제 출력 4 복사</h2><pre spellcheck="false"><code>144
</code></pre><h2>예제 입력 5 복사</h2><pre spellcheck="false"><code>500
</code></pre><h2>예제 출력 5 복사</h2><pre spellcheck="false"><code>119
</code></pre><h3>문제 풀이 접근</h3><p>이번 문제는 문제를 풀면서 새로운 아이디어를 생각해냈고, 그 아이디어가 더 쉽다고 생각해서 풀었는데 풀고나니 아쉬워서 첫번째 방법도 사용하여 총 두가지 방법으로 풀이하였다.</p><p>방법은 아래와 같다.</p><p>1. 입력으로 주어지는 값 string을 배열로 분리하여 공차를 구하고 배열의 인덱스를 모두 순회하며 공차와 같은지 끝까지 검사하는 방법</p><p>2. 공차의 공식을 사용하여 초항 a + (인덱스 * 공차) == 해당 인덱스의 값 을 구하는 방식이다.</p><p>크게 어려운 방법은 없고, 배열의 인덱스를 움직이고 비교문을 잘 작성하면 쉽게 풀 수 있다.</p><h3>작성 코드 (C#) - 인덱스를 모두 순회하여 구하는 방법</h3><pre spellcheck="false"><code class="language-csharp">using System;
using System.Collections.Generic;
using static CodingTestProj.Program;

/*
 * Difficulty : Easy ~ Middle
 * URL : https://www.acmicpc.net/problem/1065
  * Time : 
 */

// 1.배열의 완점탐색을 이용한 풀이법

namespace CodingTestProj
{
    internal class Program
    {
        static void Main(string[] args)
        {
            var ss = new Solution();
            ss.Solve();
        }
    }

    public class Solution
    {
        public int n;
        public int _ret;
        public int[] _arr;

        public void Solve()
        {
            n = Int32.Parse(Console.ReadLine());

            if (n &lt; 100)
            {
                _ret = n;
            }
            else
            {
                _ret += 99; // 99 이상부터 시작
                int d = 0;
                for (int i = 100; i &lt;= n; ++i)
                {
                    // 100 ~ n 까지 반복
                    string _input = i.ToString();
                    int _length = _input.Length;

                    int a = Convert.ToInt32(_input[0].ToString());
                    d = Convert.ToInt32(_input[1].ToString()) - Convert.ToInt32(_input[0].ToString());

                    for (int j = 1; j &lt; _length-1; ++j)
                    {
                        int _cur = Convert.ToInt32(_input[j].ToString());
                        int _next = Convert.ToInt32(_input[j+1].ToString());

                        int _new_d = _next - _cur;

                        if (d != _new_d)
                            break;

                        if (j == (_length - 2))
                            ++_ret;
                    }
                }
            }
            print();
        }

        public void print()
        {
            Console.WriteLine(_ret);
        }
    }
}</code></pre><h3>작성 코드 (C#) - 등차수열 공식을 이용한 풀이법</h3><pre spellcheck="false"><code class="language-csharp">using System;
using System.Collections.Generic;
using static CodingTestProj.Program;

/*
 * Difficulty : Easy ~ Middle
 * URL : https://www.acmicpc.net/problem/1065
  * Time : 
 */


//0.등차수열 공식을 이용한 풀이법

namespace CodingTestProj
{
    internal class Program
    {
        static void Main(string[] args)
        {
            var ss = new Solution();
            ss.Solve();
        }
    }

    public class Solution
    {
        public int n;
        public int _ret;
        public int[] _arr;

        public void Solve()
        {
            n = Int32.Parse(Console.ReadLine());

            if (n &lt; 100)
            {
                _ret = n;
            }
            else
            {
                _ret += 99; // 99 이상부터 시작
                int d = 0;
                for (int i = 100; i &lt;= n; ++i)
                {
                    // 100 ~ n 까지 반복
                    string _input = i.ToString();
                    int _length = _input.Length;

                    int a = Convert.ToInt32(_input[0].ToString());
                    d = Convert.ToInt32(_input[1].ToString()) - Convert.ToInt32(_input[0].ToString());

                    for (int j = 1; j &lt; _length; ++j)
                    {
                        int _val = Convert.ToInt32(_input[j].ToString());

                        if (_val != (a + (j * d)))
                            break;

                        if (j == (_length - 1))
                            ++_ret;
                    }
                }
            }
            print();
        }

        public void print()
        {
            Console.WriteLine(_ret);
        }
    }
}</code></pre><h3>코드 결과</h3><img src="https://image.until.blog/sin0105/article/1729092540298.png" data-width="100%" data-align="center"><p></p><p></p><p></p><p></p><p></p><p></p><p></p>

혼자서 다시푸는 코딩테스트 준비 일지 - 38

코딩테스트 준비 - 한수

<p><span><br></span><a target="_blank" rel="noopener noreferrer nofollow" href="https://2023.stateofjs.com/"><span>https://2023.stateofjs.com/</span></a></p><p><br></p><p></p><p><span>State of JS 2023 Survey&nbsp;발표가 나왔습니다.</span></p><p></p><p><span>State of JS/ CSS 는,</span></p><p></p><p><span>매년 전 세계의 개발자들에게 직접 설문 조사를 받아서 이를 취합, 발표하는 공신력 있는 조사에요.</span></p><p></p><p><span>1년 단위 조사이고 발표는 이듬해 봄, 여름에 하는데...&nbsp;</span></p><p></p><p><span>발표가 좀 늦는게 단점이지만, 개발 쪽 트랜드는 가장 뚜렷하게 볼 수 있는 조사입니다.</span></p><p></p><p><span>이번 발표는 그제? 쯤 나온 것 같습니다.</span></p><p></p><p></p><p></p><p><span>이번 발표에서는 Vite 와 Bun 이 가장 많은 항목들에서 높은 스코어를 받았군요</span> <span>.</span></p><p></p><p><span>그런데, 제게</span> <span>는 Jest 가 가장 눈에 뜨였네요.</span></p><p><span>생각보다 많은 사람들이 테스트 코드를 쓰고 있다는 사실에 놀랐고,,&nbsp;</span></p><p><span>음.. 분발해야겠다는 생각이 들었습니다.</span></p><p></p><p></p><p><span>Vercel 의 약진도 눈에 뜨입니다. 음...&nbsp;</span></p><p></p><p></p><p><span>그리고 올해 처음 추가된 설문항목 인 것 같은데... AI assistant 항목도 흥미롭습니다.</span></p><p><span>AI 는 1개월 단위로 판도가 바뀌는데 1년만의 발표라니, 좀 박물관 기록같은 느낌도 있네요.ㅎㅎ</span></p><p></p><p></p><p><span>시간 될 때 한번 들러 보시는 것도 좋겠습니다.</span></p><p></p><p><span>관심 있으신 분들에겐 재밌는 시간이 될 것 같네요</span> <span>.</span></p><p></p><p></p><p></p><p></p><p>-Fin-</p>

https://2023.stateofjs.com/State of JS 2023 Survey&nbsp;발표가 나왔습니다.State of JS/ CSS 는,매년 전 세계의 개발자들에게 직접 설문 조사를 받아서 이를 취합, 발표하는 공신력 있는 조사에요.1년 단위 조사이고 발표는 이듬해 봄, 여름에 하는데...&nbsp;발표가 좀 늦는게 단점이지만, 개발 쪽 트