배포를 마치고 Netlify 기본 URL이 아닌, 내가 소유한 도메인 study.nickdeveloper.co.kr로 접속하려면 도메인 연결 설정을 추가로 해줘야 합니다.Netlify로 배포만 한 경우, study.nickdeveloper.co.kr이 아닌 https://[랜덤].netlify.app 형식의 기본 URL로만 접속이 가능합니다. 배포를 하고 도메인을 연결을 하지 않았으면 study.nickdeveloper.co.kr 이 아닌 다른 Netlify에서 제공하는 URL이 나옵니다 1️⃣ Netlify에서 Domain Management 클릭Netlify 프로젝트 대시보드에서 "Domain management" 메뉴를 선택합니다. 2️⃣ 연결할 도메인 입력사용할 도메인 또는 서브도메인(예: ..

정보처리기사 실기 공부를 하다 보면 암기할 개념이 정말 많죠. 소프트웨어 공학, 디자인 패턴, SDLC, 알고리즘… 책만 붙잡고 있다 보면 어느새 집중력이 흐려질 때도 많고요. 그래서 저는 GPT와 함께 쪽지시험 웹앱을 직접 만들어 공부에 활용하고 있어요.직접 문제를 만들고, 웹으로 테스트를 하다 보니 공부도 더 재밌고 오래 기억에 남습니다. ⚙️ 어떤 기술로 만들었을까?HTML + CSS + JavaScript로 구성된 정적인 웹앱입니다.반응형 디자인을 적용하여 모바일에서도 보기 쉽게 만들었습니다.문제는 GPT의 도움을 받아 작성했고, 직접 책을 보며 추가하고 다듬었어요.JavaScript로 문제를 배열에 저장하고, input으로 정답을 받아 정오답을 판별합니다.🧠 공부가 되는 이유직접 문제를 만들면..

. 배경사건서버가 예기치 않게 재부팅되면서, PM2로 구동 중이던 Node.js/Python 서비스가 모두 중단됨고객이 “로그인 불가”로 문의 → 재해 복구 절차 점검원인서버 재부팅 후 PM2가 자동으로 프로세스를 복원하도록 설정되지 않음영향Web/API 서버 다운 → 고객 서비스 불가다행히 DB는 자동으로 올라왔으나, 애플리케이션까지 복구되지 않았다면 큰 사고로 이어질 수 있었음 2. 환경운영체제: Ubuntu프로세스 매니저: PM2구동 중인 앱:app.js (Node.js)main.py (Python / FastAPI 등) 3. 해결 및 설정 절차PM2로 애플리케이션 실행# 예시: Node.jspm2 start app.js --name web-server# 예시: Python (FastAPI/Uvic..

도메인은 가비아, 호스팅은 카페24로 저렵하게 사용하는 경우 도메인 관리에 문제가 발생을 하는데주로 서버 전문가가 아닌 분들이 이렇게 하며 관리에 문제가 생깁니다. 이때 카페24로 네입서버 설정한 분들의 문제를 해결하고자 준비했습니다. 카페24에서 가비아로 로그인 하지 않고 바로 관리 할 수 있는 방법을 정리 했습니다.특히 필요한 경우 ssl 도메인 인증을 할 경우 필요합니다. 우선 가비아 네임 서버 설정을 했는지 확인합니다.저도 잘 몰라 검색해 보니 ns1.cafe24.com, ns1.cafe24.co.kr, ns2.cafe24.com, ns2.cafe24.co.kr이렇게 하라 해서 추가 했습니다 다음 카페24 호스팅 센터에 들어옵니다.리스트 중에서"호스팅 관리" 다음 "도메인 관리"를 클릭합니다여기..

Git을 사용하다 보면 git push 명령어 실행 시 ! [rejected] main -> main (non-fast-forward) 오류를 마주칠 수 있습니다.  이는 여러분의 로컬 main 브랜치가 원격 저장소의 main 브랜치보다 뒤쳐져 있음을 의미합니다.  즉, 다른 사람이 여러분이 마지막으로 pull 한 이후로 원격 저장소에 변경 사항을 푸시했기 때문입니다.  git push -f (강제 푸시)는 다른 사람의 작업 내용을 덮어쓸 위험이 있으므로 권장하지 않습니다. git push -f origin ! [rejected] main -> main (non-fast-forward)error: failed to push some refs to '깃주소' 데이터를 받으라는 힌트가 나와요h..

Next.js의 최신 버전에서 URL 파라미터 및 쿼리 파라미터를 가져오는 방법이 변경되었습니다. 이전의 React Router와 다르게, Next.js에서는 next/navigation 모듈을 통해 URL의 동적 파라미터 및 쿼리 파라미터를 쉽게 가져올 수 있는 훅들을 제공합니다. 1. 문자열 및 쿼리 파라미터 가져오기useParams 훅useParams는 현재 경로에서 동적 파라미터를 가져오는 훅입니다. 주로 페이지 라우팅에서 URL의 세그먼트로 전달된 값을 읽을 때 사용됩니다.사용 예시import { useParams } from 'next/navigation';export default function Home() { const { clientId } = useParams(); // URL에..