<p></p><img src="https://image.until.blog/laravel/article/1716540066755" alt="until-205"><p>LAMP 스택으로 Ubuntu에서 Laravel 프로젝트 생성까지 진행하는 script.</p><p>PHP 8.3, Apache2, Composer, npm, MariaDB 차례대로 설정 후</p><p>Laravel을 Livewire, Jetstream과 함께 설치하는 것까지 한 방에 진행함.</p><p>필요시 수정해서 사용하시길</p><p></p><pre spellcheck="false"><code class="language-bash">#!/bin/bash

# Snap 설치 여부 확인
read -p "VS Code를 설치하시겠습니까? (Y/N) " answer
if [[ "$answer" == "Y" || "$answer" == "y" ]]; then
    echo -e "\e[48;2;255;255;0;38;2;0;0;0mVS Code 설치중..(약 1분 소요됨)\e[0m"
    sudo snap install --classic code
else
    echo -e "\e[48;2;255;255;0;38;2;0;0;0mVS Code 설치를 취소하였습니다.\e[0m"
fi

# 시스템 업데이트 및 업그레이드
echo -e "\e[48;2;255;255;0;38;2;0;0;0m시스템 업데이트, 업그레이드중..\e[0m"
sudo apt update
sudo apt upgrade -y

# PHP 설치
echo -e "\e[48;2;255;255;0;38;2;0;0;0mPHP 8.3 설치중..\e[0m"
sudo apt install -y php8.3 php8.3-common php8.3-cli php8.3-gd php8.3-mysqlnd php8.3-redis php8.3-curl php8.3-intl php8.3-mbstring php8.3-bcmath php8.3-xml php8.3-zip

# Apache2 설치 및 실행
echo -e "\e[48;2;255;255;0;38;2;0;0;0mApache2 설치중..\e[0m"
sudo apt install -y apache2
sudo systemctl enable apache2
sudo systemctl start apache2

# UFW(방화벽) 설정
echo -e "\e[48;2;255;255;0;38;2;0;0;0mUFW 설정중..\e[0m"
sudo ufw allow 'Apache'
sudo ufw enable

# Curl 및 Composer 설치
echo -e "\e[48;2;255;255;0;38;2;0;0;0mCurl, Composer 설치중..\e[0m"
sudo apt install -y curl
sudo apt install -y composer

# npm 설치
echo -e "\e[48;2;255;255;0;38;2;0;0;0mnpm 설치 시작\e[0m"
sudo apt install -y npm

# MariaDB 설치
echo -e "\e[48;2;255;255;0;38;2;0;0;0mMariaDB 설치중..\e[0m"
sudo apt-get install -y mariadb-server
sudo systemctl enable mariadb
sudo systemctl start mariadb.service

# MariaDB 쉘 실행 및 보안 설정 자동화
echo -e "\e[48;2;255;255;0;38;2;0;0;0mMariaDB 보안 설정중..\e[0m"
sudo mariadb &lt;&lt; EOF
SET PASSWORD FOR 'root'@'localhost' = PASSWORD('root');
DELETE FROM mysql.user WHERE User='';
DELETE FROM mysql.user WHERE User='root' AND Host NOT IN ('localhost', '127.0.0.1', '::1');
DROP DATABASE IF EXISTS test;
DELETE FROM mysql.db WHERE Db='test' OR Db='test\\_%';
FLUSH PRIVILEGES;
EOF

# Laravel 프로젝트 생성
echo -e "\e[48;2;255;255;0;38;2;0;0;0m이제 프로젝트 생성 단계입니다.\e[0m"
read -p "새로운 Laravel 프로젝트의 이름을 입력하세요: " project_name
composer create-project laravel/laravel "$project_name"
cd "$project_name"

# .env 파일 내용 변경
echo -e "\e[48;2;255;255;0;38;2;0;0;0m.env 파일 내용 변경\e[0m"
sed -i 's/DB_CONNECTION=.*$/DB_CONNECTION=mariadb/' .env
sed -i 's/# DB_HOST=.*$/DB_HOST=127.0.0.1/' .env
sed -i 's/# DB_PORT=.*$/DB_PORT=3306/' .env
sed -i 's/# DB_DATABASE=.*$/DB_DATABASE=lounge/' .env
sed -i 's/# DB_USERNAME=.*$/DB_USERNAME=root/' .env
sed -i 's/# DB_PASSWORD=.*$/DB_PASSWORD=root/' .env

echo -e "\e[48;2;255;255;0;38;2;0;0;0mMigration 시도중\e[0m"
php artisan migrate --force

echo -e "\e[48;2;255;255;0;38;2;0;0;0mLivewire 설치 시작\e[0m"
composer require livewire/livewire

echo -e "\e[48;2;255;255;0;38;2;0;0;0mJetStream 설치 시작\e[0m"
composer require laravel/jetstream
php artisan jetstream:install livewire

echo -e "\e[48;2;255;255;0;38;2;0;0;0mLaravel Installer 설치 시작\e[0m"
composer global require "laravel/installer"
echo -e "\e[48;2;255;255;0;38;2;0;0;0m환경변수 추가\e[0m"
# export PATH="~/.config/composer/vendor/bin:$PATH"
echo 'export PATH="~/.config/composer/vendor/bin:$PATH"' &gt;&gt; ~/.bashrc
source ~/.bashrc
echo -e "\e[48;2;0;0;255;38;2;255;255;255m"
laravel --version
echo -e "설치 완료\e[0m"

# jetstream 기능 정의(주석 제거)
config_file="config/jetstream.php"
sed -i 's/\/\/ Features::profilePhotos/Features::profilePhotos/' $config_file
sed -i 's/Features::accountDeletion/\/\/Features::accountDeletion/' $config_file

echo -e "\e[48;2;255;255;0;38;2;0;0;0mLaravel 프로젝트 생성 및 설정 완료!\e[0m"

echo -e "\e[48;2;255;255;0;38;2;0;0;0mLaravel npm run build !\e[0m"
# npm install &amp;&amp; npm run build
npm install &amp;&amp; npm run dev
</code></pre><p></p><p></p><p></p><p></p>

LAMP 스택으로 Ubuntu에서 Laravel 프로젝트 생성까지 진행하는 script.PHP 8.3, Apache2, Composer, npm, MariaDB 차례대로 설정 후Laravel을 Livewire, Jetstream과 함께 설치하는 것까지 한 방에 진행함.필요시 수정해서 사용하시길#!/bin/bash

# Snap 설치 여부 확인
read -p

Ubuntu에서 Laravel install Script

CodingTest

혹시 좋은 방법이나 공부하신 포스팅이 있다면 공유부탁드려요! 
아직 초보인지라 배울점이 많습니다 ㅎㅎ!

너무... 힘들게 푸시는게 아닐까요..ㅎㅎ

<h2>개요</h2><p>Notion 데이터베이스에 저장된 데이터를 기반으로 Next.js 프로젝트를 만들었던 경험을 토대로,<br>Notion 데이터베이스를 Next.js 프로젝트에 적용하는 방법을 정리해보려고 한다.</p><blockquote><p>※ <code spellcheck="false">Next.js</code> 와 <code spellcheck="false">Notion</code>에 대한 기본적인 이해는 있다고 가정한다.</p></blockquote><h2>구현 방법</h2><ol class="tight" data-tight="true"><li><p>Notion에서 데이터베이스를 생성하고, <code spellcheck="false">API Key</code>를 발급 받는다.</p></li><li><p><code spellcheck="false">Next.js</code>프로젝트를 생성하고, Notion 데이터베이스를 연결한다.</p></li><li><p>컴포넌트 및 페이지를 구현한다.</p></li><li><p>프로젝트를 배포한다.</p></li></ol><p>더 자세한 내용은 아래 링크에서 확인할 수 있다.</p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.woongsnote.dev/blog/how-to-use-notion-database-in-nextjs">https://www.woongsnote.dev/blog/how-to-use-notion-database-in-nextjs</a></p><h2>구현 결과(예시)</h2><img src="https://image.until.blog/woongsnote/article/1715613924287" alt="until-21">

Next.js에서 노션 데이터베이스 사용하기

<h3>다시푸는 코딩 테스트 준비 일지</h3><ul><li><p>응시 사이트 :<a target="_blank" rel="noopener noreferrer nofollow" href="https://leetcode.com/"> </a><a target="_blank" rel="noopener noreferrer nofollow" href="https://programmers.co.kr/">Programmers</a></p></li><li><p>문제 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://school.programmers.co.kr/learn/courses/30/lessons/12906?language=cpp">같은 숫자는 싫어</a></p></li><li><p>사용언어 : C++</p></li><li><p>난이도 : 하 </p></li><li><p>풀이시간 : 15m</p></li><li><p>유형 : 큐, 스택</p></li></ul><h6><strong>문제 설명</strong></h6><p>배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면,</p><ul><li><p>arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다.</p></li><li><p>arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다.</p></li></ul><p>배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요.</p><h5>제한사항</h5><ul><li><p>배열 arr의 크기 : 1,000,000 이하의 자연수</p></li><li><p>배열 arr의 원소의 크기 : 0보다 크거나 같고 9보다 작거나 같은 정수</p></li></ul><hr><h5>입출력 예</h5><p>arr answer<br>[1,1,3,3,0,1,1] [1,3,0,1]<br>[4,4,4,3,3] [4,3]</p><h5>입출력 예 설명</h5><p>입출력 예 #1,2<br>문제의 예시와 같습니다.</p><h3>문제 풀이 접근</h3><p>이 문제는, 문제 풀이 접근이랄게 크게 없다. <br>요구하는 건 한가지로, 내 앞의 숫자와 연속되지 않게만 해달라. 이게 끝이다. <br><br>처음에는 자주쓰는 vector로 풀었지만, 유형이 큐, 스택이어서 문제 의도에 맞게 한번더 풀어보았다.</p><h3>정답 작성 코드 (C++) - vector 풀이</h3><pre spellcheck="false"><code>#include &lt;vector&gt;
#include &lt;iostream&gt;
#include &lt;algorithm&gt; 

using namespace std;

vector&lt;int&gt; solution(vector&lt;int&gt; arr) 
{
    vector&lt;int&gt; answer;

    answer.push_back(arr[0]);
    
    for(int i = 1; i &lt; arr.size(); ++i)
    {
        if(arr[i-1] == arr[i])
            continue;
        
        answer.push_back(arr[i]);
    }
    

    return answer;
}</code></pre><h3>정답 작성 코드 (C++) - stack 풀이 , 리버스 함수 이용</h3><pre spellcheck="false"><code>#include &lt;vector&gt;
#include &lt;iostream&gt;
#include &lt;stack&gt;
#include &lt;algorithm&gt;

using namespace std;

vector&lt;int&gt; solution(vector&lt;int&gt; arr) 
{
    vector&lt;int&gt; answer;
    stack&lt;int&gt; st;
    
    st.push(arr[0]);
    
    int counter = 1;
    
    while(counter &lt; arr.size())
    {
        int topValue = st.top();
        
        if(arr[counter] == topValue)
        {
            ++counter;
            continue;
        }  
        
        st.push(arr[counter]);
        ++counter;
    }
    
    while(true)
    {
        if(st.empty() == true)
            break;
        
        int value = st.top();
        st.pop();
        answer.push_back(value);
    }
    
    reverse(answer.begin(),answer.end());
    return answer;
}</code></pre><h3>정답 작성 코드 (C++) - stack 풀이 , 리버스 함수 만들어서 풀이 </h3><pre spellcheck="false"><code>#include &lt;vector&gt;
#include &lt;iostream&gt;
#include &lt;stack&gt;
#include &lt;algorithm&gt;

using namespace std;

vector&lt;int&gt; solution(vector&lt;int&gt; arr) 
{
    vector&lt;int&gt; answer;
    stack&lt;int&gt; st;
    
    st.push(arr[0]);
    
    int counter = 1;
    
    while(counter &lt; arr.size())
    {
        int topValue = st.top();
        
        if(arr[counter] == topValue)
        {
            ++counter;
            continue;
        }
            
        
        st.push(arr[counter]);
        
        ++counter;
    }
    
    vector&lt;int&gt; dummy;
    while(true)
    {
        if(st.empty() == true)
            break;
        
        int value = st.top();
        st.pop();
        
        dummy.push_back(value);
    }
    
    for(int i = dummy.size()-1; i &gt;= 0 ; --i)
    {
      answer.push_back(dummy[i]);
    }
   
    return answer;
}</code></pre><h3>코드 결과</h3><img src="https://image.until.blog/sin0105/article/1721969744120" alt="until-956"><p></p>

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

코딩테스트 준비 - 같은 숫자는 싫어

Spring

Python

macOS

winOS

PowerShell

CI/CD

<h3>다시푸는 코딩 테스트 준비 일지</h3><ul><li><p>응시 사이트 :<a target="_blank" rel="noopener noreferrer nofollow" href="https://leetcode.com/"> </a><a target="_blank" rel="noopener noreferrer nofollow" href="https://school.programmers.co.kr/">Programmers</a></p></li><li><p>문제 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://school.programmers.co.kr/learn/courses/30/lessons/42626?language=cpp">더 맵게</a></p></li><li><p>사용언어 : C++</p></li><li><p>난이도 : 중</p></li><li><p>풀이시간 : 41m</p></li><li><p>유형 : 힙, 우선순위 큐</p></li></ul><h6><strong>문제 설명</strong></h6><p>매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같이 특별한 방법으로 섞어 새로운 음식을 만듭니다.</p><pre spellcheck="false"><code>섞은 음식의 스코빌 지수 = 가장 맵지 않은 음식의 스코빌 지수 + (두 번째로 맵지 않은 음식의 스코빌 지수 * 2)
</code></pre><p>Leo는 모든 음식의 스코빌 지수가 K 이상이 될 때까지 반복하여 섞습니다.<br>Leo가 가진 음식의 스코빌 지수를 담은 배열 scoville과 원하는 스코빌 지수 K가 주어질 때, 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 섞어야 하는 최소 횟수를 return 하도록 solution 함수를 작성해주세요.</p><h5>제한 사항</h5><ul><li><p>scoville의 길이는 2 이상 1,000,000 이하입니다.</p></li><li><p>K는 0 이상 1,000,000,000 이하입니다.</p></li><li><p>scoville의 원소는 각각 0 이상 1,000,000 이하입니다.</p></li><li><p>모든 음식의 스코빌 지수를 K 이상으로 만들 수 없는 경우에는 -1을 return 합니다.</p></li></ul><h5>입출력 예</h5><p>scoville K return<br>[1, 2, 3, 9, 10, 12] 7 2</p><h5>입출력 예 설명</h5><ol><li><p>스코빌 지수가 1인 음식과 2인 음식을 섞으면 음식의 스코빌 지수가 아래와 같이 됩니다.<br>새로운 음식의 스코빌 지수 = 1 + (2 * 2) = 5<br>가진 음식의 스코빌 지수 = [5, 3, 9, 10, 12]</p></li><li><p>스코빌 지수가 3인 음식과 5인 음식을 섞으면 음식의 스코빌 지수가 아래와 같이 됩니다.<br>새로운 음식의 스코빌 지수 = 3 + (5 * 2) = 13<br>가진 음식의 스코빌 지수 = [13, 9, 10, 12]</p></li></ol><p>모든 음식의 스코빌 지수가 7 이상이 되었고 이때 섞은 횟수는 2회입니다.</p><h3>문제 풀이 접근</h3><p>이 문제는, 스코빌 지수가 가장 낮은 2개를 섞어서 새로운 것을 만들어 내, 최종적으로 모든 요소를 K 이상의 스코빌로 만들 수 있느냐, 없느냐, 있다면 최소 몇번 섞어야 하느냐가 핵심인 문제다.</p><p>가장 먼저 떠올린 것은, 당연하게도 인자로 벡터를 줬기 때문에, O(n^2) 이 될 수 있을만한 코드를 작성했다. <br>유효성 테스트가 없을줄 알고 진행했고, 다른 유형 다맞췄는데 효율성 5개 전부다 실패했다.</p><p>이후, AI 코드 문제 힌트가 있어서 바로 확인해서 문제를 다르게 세팅하여 풀이를 진행했다. <br>AI 힌트 : Heap, Priority Queue는 삽입부터 값이 정렬되어 순회할 필요가 없다. 지금 너의 코드는 벡터로 계속 순회해서 찾는데 너무 비효율 적이다. 그러니, 힙이나 우선순위 큐를 써봐라.</p><p>내 선택은 우선순위 큐를 세팅하여 작성하였다.<br>우선순위 큐의 Greater 만 세팅하면 우선순위 큐의 값은 오름차순으로 매칭된다. <br>결국 오름차순이기 때문에 여기서 top 의 값과 K 만 비교해서 크다면 자료구조의 성격으로 나머지는 K 보다 크다는 것이 보장된다는 것을 키로 잡아서 문제를 해결했다.</p><p>이 문제의 해결 플로우,<br>1. scovile 로 들어온 값들을 전부 우선순위 큐로 세팅한다. (greater 까지 세팅한다.)<br>2.인자 배열에 장난치는 케이스들을 예상해서 앞 예외를 모두 처리해준다. <br>( 미리 K 값 이상인데 들어온다거나, 배열이 0 이라거나, 등등 )<br>3. while 루프를 돌며 top 원소를 체크하고, 내부에서 가장 낮은 원소 2개를 빼주는데, 1개 빼줄때마다 pq의 사이즈를 체크한다. <br>(1개가 들어올 수도 있기때문에..)<br>4. pq.top() &lt; K 의 값을 기준으로 while 루프를 잡았으니, 최종 횟수를 구한다면 알아서 answer 를 Return 값으로 반환하고 종료된다.</p><h3>정답 작성 코드 (C++)</h3><pre spellcheck="false"><code class="language-cpp">#include &lt;iostream&gt; 
#include &lt;vector&gt;
#include &lt;algorithm&gt;
#include &lt;queue&gt;

using namespace std;

int solution(vector&lt;int&gt; scoville, int K) {
    int answer = 0;
    priority_queue&lt;int,vector&lt;int&gt;, greater&lt;int&gt;&gt; pq;

    for (int i = 0; i &lt; scoville.size(); ++i)
    {
        pq.push(scoville[i]);
    }

    if (scoville.size() == 0)
        return -1;

    bool check = true;
    for (int i = 0; i &lt; scoville.size(); ++i)
    {
        if (scoville[i] &lt; K)
        {
            check = false;
            break;
        }
    }

    if (check == true)
        return answer;


    int newScovile = 0;
    while (pq.top() &lt; K)
    {
        newScovile = 0;
        check = true;

        auto fst = pq.top();
        
        if (pq.size() == 0)
            return -1;

        pq.pop();

        auto snd = pq.top();

        if (pq.size() == 0)
            return -1;

        pq.pop();

        newScovile = (fst + (snd * 2));

        pq.push(newScovile);
        // 새로운 스코빌 지수 추가
        ++answer;
    }

    return answer;
}</code></pre><h3>코드 결과</h3><img src="https://image.until.blog/sin0105/article/1722493528811" alt="until-1172"><h3>오답 작성 코드 (C++) - 맨 처음 벡터 기준으로 체크 코드</h3><pre spellcheck="false"><code class="language-cpp">#include &lt;iostream&gt; 
#include &lt;vector&gt;
#include &lt;algorithm&gt;

using namespace std;

int solution(vector&lt;int&gt; scoville, int K) {
    int answer = 0;

    if (scoville.size() == 0)
        return -1;

    bool check = true;
    for (int i = 0; i &lt; scoville.size(); ++i)
    {
        if (scoville[i] &lt; K)
        {
            check = false;
            break;
        }
    }

    if (check == true)
        return answer;

    int lessFst = 2000000000;
    int lessFstIdx = -1;
    int lessSnd = 2000000000;
    int lessSndIdx = -1;
    int newScovile = 0;

    while (check == false)
    {
        newScovile = 0;
        lessFst = 2000000000;
        lessSnd = 2000000000;
        lessFstIdx = -1;
        lessSndIdx = -1;
        check = true;

        for (int i = 0; i &lt; scoville.size(); ++i)
        {
            if (lessFst &gt; scoville[i])
            {
                lessFst = scoville[i];
                lessFstIdx = i;
            }
        }

        scoville.erase(scoville.begin()+ lessFstIdx, scoville.begin()+ lessFstIdx+1);

        for (int i = 0; i &lt; scoville.size(); ++i)
        {
            if (lessSnd &gt; scoville[i])
            {
                lessSnd = scoville[i];
                lessSndIdx = i;
            }
        }

        scoville.erase(scoville.begin() + lessSndIdx, scoville.begin() + lessSndIdx + 1);

        if (lessFst == 2000000000)
            return -1;

        if (lessSnd == 2000000000)
            return -1;

        newScovile = (lessFst + (lessSnd * 2));

        scoville.push_back(newScovile);
        // 새로운 스코빌 지수 추가

        for (int i = 0; i &lt; scoville.size(); ++i)
        {
            if (K &gt; scoville[i])
            {
                check = false;
                break;
            }
        }

        ++answer;
    }

    return answer;
}</code></pre><h3>코드 결과 - 벡터 체크</h3><img src="https://image.until.blog/sin0105/article/1722493591982" alt="until-1173">

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

코딩테스트 준비 - 더 맵게

nextjs

저의 경우에는 그래도 결국  useSearchParams을 사용하는 부분을 따로 분리해서 Suspense로 감싸주지 않으면 의도는 서버 컴포넌트로 동작하도록 설계했는데, 빌드해보니 클라이언트로 동작하게 돼서 예상치 못한 동작이 일어나더라구요

https://nextjs.org/docs/messages/deopted-into-client-rendering