CodingTest

<h3>다시푸는 코딩 테스트 준비 일지</h3><ul><li><p>응시 사이트 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://school.programmers.co.kr/learn/challenges?order=recent">Programmers</a></p></li><li><p>문제 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://school.programmers.co.kr/learn/courses/30/lessons/42840">모의고사</a></p></li><li><p>사용언어 : C#</p></li><li><p>난이도 : 하</p></li><li><p>풀이시간 : 27m 17s</p></li><li><p>유형 : 배열, 완전탐색</p></li></ul><h6><strong>문제 설명</strong></h6><p>수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다.</p><p>1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...<br>2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...<br>3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ...</p><p>1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수를 작성해주세요.</p><h5>제한 조건</h5><ul><li><p>시험은 최대 10,000 문제로 구성되어있습니다.</p></li><li><p>문제의 정답은 1, 2, 3, 4, 5중 하나입니다.</p></li><li><p>가장 높은 점수를 받은 사람이 여럿일 경우, return하는 값을 오름차순 정렬해주세요.</p></li></ul><h5>입출력 예</h5><p>answers return <br>[1,2,3,4,5] [1] <br>[1,3,2,4,2] [1,2,3]</p><h5>입출력 예 설명</h5><p>입출력 예 #1</p><ul><li><p>수포자 1은 모든 문제를 맞혔습니다.</p></li><li><p>수포자 2는 모든 문제를 틀렸습니다.</p></li><li><p>수포자 3은 모든 문제를 틀렸습니다.</p></li></ul><p>따라서 가장 문제를 많이 맞힌 사람은 수포자 1입니다.</p><p>입출력 예 #2</p><ul><li><p>모든 사람이 2문제씩을 맞췄습니다.</p></li></ul><h3>문제 풀이 접근</h3><p>이 문제는, 각 사람마다의 패턴을 배열로 저장해서, 인덱스가 넘어가게되면 각자의 배열 인덱스를 0으로 돌려서 차례로 순회하면서 정답인지 오답인지 판단해서 갯수를 정하는 문제다.</p><p>맞은 갯수가 여럿인 경우, 인덱스 기준으로 정렬해서 반환한다.</p><p>이 문제의 플로우는,<br>1.  각 사람의 패턴을 배열에 저장한다.<br>2. 각 사람의 인덱스를 배열로 따로 저장한다. <br>3. 맞은 갯수를 클래스를 작성해서 Key Value 형식으로 만들어서 저장한다.<br>4. 맞은 갯수를 기준으로 오름차순으로 정렬한다.<br>5. 복수 최고 득점자가 있을때는 인덱스를 기준으로 정렬한다.</p><h3>정답 작성 코드 (C#)</h3><pre spellcheck="false"><code>using System;

    public class point
    {
        public int index;
        public int score;

        public point(int index, int score)
        {
            this.index = index;
            this.score = score;
        }
    }

    public class Solution
    {
        public int[] solution(int[] answers)
        {
            int[] answer = new int[] { };

            int[] fst = new int[5] { 1, 2, 3, 4, 5 };
            int[] snd = new int[8] { 2, 1, 2, 3, 2, 4, 2, 5 };
            int[] thd = new int[10] { 3, 3, 1, 1, 2, 2, 4, 4, 5, 5 };

            point[] passCount = new point[3];
            passCount[0] = new point(1,0);
            passCount[1] = new point(2,0);
            passCount[2] = new point(3,0);

            int[] idx = new int[3] { 0, 0, 0 };

            for (int i = 0; i &lt; answers.Length; ++i)
            {
                if (fst[idx[0]] == answers[i])
                    ++passCount[0].score;

                if (snd[idx[1]] == answers[i])
                    ++passCount[1].score;

                if (thd[idx[2]] == answers[i])
                    ++passCount[2].score;

                for (int j = 0; j &lt; idx.Length; ++j)
                {
                    ++idx[j];

                    if (j == 0 &amp;&amp; fst.Length &lt;= idx[j])
                    {
                        idx[j] = 0;
                    }

                    if (j == 1 &amp;&amp; snd.Length &lt;= idx[j])
                    {
                        idx[j] = 0;
                    }

                    if (j == 2 &amp;&amp; thd.Length &lt;= idx[j])
                    {
                        idx[j] = 0;
                    }
                }
            }

            Array.Sort(passCount, (point a, point b) =&gt; { return a.score.CompareTo(b.score); });

            int retScore = passCount[passCount.Length-1].score;
            point[] retPt = Array.FindAll(passCount, rhs =&gt; rhs.score == retScore);
            
            Array.Sort(retPt, (point a, point b) =&gt; { return a.index.CompareTo(b.index); });

            answer = new int[retPt.Length];
            for (int i = 0; i &lt; retPt.Length; ++i)
            {
                answer[i] = retPt[i].index;
            }

            return answer;
        }
    }</code></pre><h3>코드 결과</h3><img src="https://image.until.blog/sin0105/article/1724756784653" alt="until-1281">

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

코딩테스트 준비 - 모의고사

CI/CD

<blockquote><p>Cloudflare를 이용해 Vercel 커스텀 도메인을 설정하는 과정에서 "리디렉션한 횟수가 너무 많습니다" 라는 에러가 발생했고 이 문제를 해결하는 방법에 대해 다룬다.</p></blockquote><img src="https://image.until.blog/xeros/article/1727225490739.png" alt="until-1516"><h3>문제 원인</h3><p>Cloudflare와 Vercel간의 SSL 설정 충돌에 의해 발생하는 문제이다.</p><p>Cloudflare는 SSL/TLS 암호화를 제공하며, Vercel도 자체적으로 SSL을 제공한다. 따라서 두 서비스간의 서로 양립된 SSL 설정으로 인한 설정 불일치가 리디렉션 문제를 야기하는것으로 보인다.</p><h3>해결 방법</h3><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://vercel.com/docs/integrations/external-platforms/cloudflare">Cloudflare와 연동하는 방법이 기술되어있는 Vercel 공식 문서</a></p><p><span>이 문제를 해결하기 위해서는 Cloudflare의 SSL/TLS 설정을 수정해야 한다. 기본적으로 Cloudflare는 SSL 설정을 자동으로 관리하지만, Vercel과 연동해서 사용하기 위해서는 수동으로 </span><strong>전체<span> 암호화 모드</span></strong><span>로 변경해 주어야 한다.</span></p><img src="https://image.until.blog/xeros/article/1727225713844.png" alt="until-1517"><ol><li><p>Cloudflare 대시보드에 로그인</p></li><li><p>SSL/TLS 메뉴로 이동</p></li><li><p>"암호화 모드" 옵션을 찾는다.</p></li><li><p>"전체 (Full)" 모드로 변경</p></li></ol><p></p>

Vercel 커스텀 도메인을 Cloudflare에서 설정하는 도중 발생한 리디렉션 오류를 수정하는 방법에 대해 소개한다.

Cloudflare와 Vercel 연동시 리디렉션 오류를 해결하는 방법

Experience

MakeGame

Firebase

macOS

discord-bot-dev

<h3>Prologue</h3><p>초기 목표는 자주 사용하는 기능을 나만의 서버에서 사용하는 것으로 시작해 <strong>티켓의 개수</strong>를 입력하면 <strong>예상 보상</strong>을 출력해주는 디스코드 봇을 제작하였다. 그러다 서버로 이용했던 사이트의 아쉬운 성능과 해당 게임에 대한 관심이 떨어지며 자연스레 방치하게 되었고 디스코드 서버가 사라지며 정리를 하게 되었다. 그러다 다시금 찾게 된 게임을 통해 만난 사람들과 디스코드 서버를 꾸렸고 과거의 기억을 십분 발휘해 다시 봇을 개발하게 되었다.</p><p>GIthub에 있는 과거의 코드를 통해 기억을 떠올렸으나 그 동안의 기간동안 버전이 많이 바뀌었다. 미리 선언한 전치사를 통해 명령어와 일반 채팅을 구분했던 디스코드에서 <code spellcheck="false">/</code> 전치사 통일로 바뀌었고, 해당 디스코드의 봇의 명령어를 미리 보여주는 기능이 생겼다.</p><p>첫 봇에 제작하는 데 있어 난관이던 것은 게임사의 <strong>api</strong>가 제공되지 않아 사이트의 해당 기능을 크롤링을 해야했던 것이었다. 하지만 지금은 이미 제공되고 있는 기능으로 게임 속 다양한 부분, 요소들을 확인할 수 있었다.</p><p>그렇게 빌고 빌었던 api는 우습게도 사용하기가 막막했다. 맨 땅에 헤딩식으로 했던 나의 공부 깊이는 너무나도 얕았던 것이다. 처음 사이트를 확인하고 벅찬 감정은 사라지고 이걸 어떻게 사용해야하는지를 한참이나 검색했다. 어찌저찌 찾아보고 코드를 짜 첫 원하는 결과물을 얻었을 때, 그 때의 기분은 잊을 수 없다. 막막했던 내게 힘껏 움직일 원동력이 되었다.</p><hr><h3>Goal</h3><p>캐릭터의 정보를 알 수 있는 기능을 디스코드 봇 명령어에 담고 싶었다. 단순하게 <code spellcheck="false">명령어와 캐릭터의 닉네임을 입력</code>하면 <code spellcheck="false">해당 캐릭터의 정보가 출력</code>되게끔 제작하는 것이 목표였다.</p><p>해당 기능을 위해 <strong>axios</strong>를 사용하였다.</p><pre spellcheck="false"><code class="language-javascript">// components/axiosApiInstance.js
const axios = require('axios');
const dotenv = require('dotenv');

dotenv.config();

function axiosApiInstance(url){
   const axiosInstance = axios.create({
      baseURL: `${process.env.API_URL}${url}`,
      headers: {
         Accept: 'application/json',
         Authorization: `Bearer ${process.env.API_KEY}`
      }
   });
   return axiosInstance;
}

module.exports = axiosApiInstance;</code></pre><p>추후 다른 컴포넌트에서 반복적으로 사용될 것이라는 생각으로 따로 <code spellcheck="false">인스턴스</code>를 만들어 제작했다.</p><pre spellcheck="false"><code class="language-javascript">// components/research.js
const instance = require('./axiosApiInstance');

async function research(userNickName){
   try{
      const url = `...url/${userNickName}`;
      const inst = await instance(url);
      const res = await inst.get();
      return res.status === 200 ? await res.data : null;
   }catch(err){
      console.log(err);
   }
}

module.exports = research;</code></pre><p>코드의 결과는 <strong>JSON</strong> 형식의 파일로 요청대로 캐릭터에 대한 정보가 담겨 있었다. 아이템, 레벨, 직업 등등 정보를 담고 있었지만 세부적인 데이터는 <strong>문자열 타입</strong>으로 <strong>html 태그</strong>들과 뒤죽박죽 섞여있었다.</p><hr><h3>Regexp</h3><p>대학생 당시에 엉뚱하게 꽂히는 것이 있다면 수업, 학점 모두 신경쓰지 않고 몰두했었다. <strong>정규 표현식</strong> 역시 한 때 이상하게 집착하고 찾아봤던 적이있었다. 그 때만 하더라도 이걸 어디에 사용할 지도 몰랐었는데 이번에 사용하게 되었다.</p><img src="https://image.until.blog/bakcy/article/1727161035482.png" alt="until-1462"><pre spellcheck="false"><code class="language-javascript">// components/regexp.js
export default function regexp(string){
   const str = /(&lt;([^&gt;]+)&gt;[\s]*)/gi;
   return string.replace(str, '');
}</code></pre><p><strong>섞여있던 html 태그</strong>들을 지워 세부적인 정보들을 객체의 하위 데이터로 사용할 수 있도록 만들 수 있었다.</p><hr><h3>Object</h3><p>해당 객체에 정보들은 캐릭터의 성장치마다 다르게 출력되었다. 해당 성장치가 높으면 높을 수록 더 많은 양의 정보를 담고 있었다. </p><pre spellcheck="false"><code class="language-json">...
"Tooltip": {
   "Element_000": {
      "Type": "NameTagBox",
      "value": "+00 itemName"
   },
   "Element_001": {
      "type": "itemTitle",
      "value": {
         "bEquip": 0,
         "leftStr0": "itemGrade",
         "leftStr1": "itemQuality",
         ...
      }
   },
   "Element_002": { ... },
   ...
}</code></pre><p>해당 게임의 특성상 무기와 방어구 5종에 부여되는 특수한 옵션들을 표시해야하는 상황 속에서, 어떤 경우에는 <code spellcheck="false">Element_007</code>  그리고 또 어떤 경우에는 <code spellcheck="false">Element_009</code> 처럼 고정된 하나의 키값을 사용할 수 없었다.</p><p></p>