실패 화면 다시 시도 버튼, 이유별로 나눠 설계하는 법
오류가 났을 때 알림창 대신 결과 자리에 이유를 적고, 다시 시도 버튼은 눌러서 나아지는 실패에만 다는 법이에요. 실패 이유 분류와 재시도 구현을 따라 해 보세요.
2026.10.25 · 14분 읽기
홈서버부터 사업까지. 셀루모를 만들며 고른 것과 버린 것, 그 이유를 적습니다.
카드뉴스 표지 제목을 한 번에 쓰지 않고 아쉬운 안, 무난한 안, 강한 안으로 세 번 써서 고르는 순서예요. 넣을 재료와 거짓 약속을 막는 확인법까지 담았어요.
2026.10.26 · 10분 읽기
읽기오류가 났을 때 알림창 대신 결과 자리에 이유를 적고, 다시 시도 버튼은 눌러서 나아지는 실패에만 다는 법이에요. 실패 이유 분류와 재시도 구현을 따라 해 보세요.
2026.10.25 · 14분 읽기
계약서나 신청서 양식을 검색해서 들어오는 사람을 받는 소개 페이지를 만드는 법이에요. 주소, 서버에서 그리는 글, 사이트맵, 구조화 데이터, 확인 방법까지 순서대로 담았어요.
2026.10.24 · 13분 읽기
AI 루틴이 매일 글이나 문서를 올리고 직접 머지하게 할 때, 건드릴 범위와 머지 직전 검사, 재시도 한도, 배포 분리를 정해 자동 게시를 안전하게 돌리는 방법을 정리해요.
2026.10.23 · 9분 읽기
Coolify 같은 자체 호스팅 배포 도구를 올리기 전에 API 호출 방식, 토큰 권한, 백업, 접근 제한을 점검하는 순서예요. 올린 뒤 CI 배포가 멈추지 않게 확인할 수 있어요.
2026.10.22 · 8분 읽기
로그인이 끝난 뒤 새로고침하면 Next.js 서버 화면이 500 에러로 터지나요? 세션 만료를 401 대신 로그인 이동으로 바꾸는 순서를 알려 드려요.
2026.10.21 · 12분 읽기
크론으로 하루 한 번 도는 예약 작업이 가끔 실패한다면 재시도를 넣어 보세요. 몇 번, 얼마 간격으로 다시 시도하고 언제 에러로 알릴지 정하는 순서를 알려 드려요.
2026.10.20 · 10분 읽기
PDF 양식 템플릿을 서비스로 제공할 때 칸 데이터를 JSON 한 칼럼에 담고, 서버에서 좌표를 검증하고, 공개 범위와 검색 노출을 나누는 설계를 순서대로 따라 할 수 있어요.
2026.10.19 · 10분 읽기
브라우저에서 만든 PDF 마지막 쪽에 클릭되는 출처 링크 한 줄을 넣고, 끄는 스위치와 유입 측정까지 순서대로 따라 할 수 있어요.
2026.10.18 · 14분 읽기
서비스를 서브도메인으로 늘릴 때 robots.txt, sitemap, 대표 주소, 구조화 데이터를 앱마다 복사하지 않고 한 벌로 관리하는 법이에요. 바꾸기 전후 비교로 확인하는 방법까지 담았어요.
2026.10.17 · 15분 읽기
AI 코딩 에이전트 여러 개를 한 저장소에서 동시에 돌릴 때 역할, 파일 소유, 실행 순서, 커밋 규칙을 나눠 충돌을 막는 방법을 순서대로 정리해요.
2026.10.16 · 10분 읽기
Sentry SDK 로 에러를 모을 때 요청 본문과 예외 메시지를 빼고, 자체 호스팅 GlitchTip 에 필요한 값만 보내는 설정과 로그 기준을 단계별로 정리해요.
2026.10.15 · 10분 읽기
Docker 로 배포할 때마다 같은 에러가 한 건씩 쌓인다면 SIGTERM 종료 처리를 의심해 보세요. 원인을 찾고 NestJS 에서 안전하게 끄도록 고치는 순서를 알려 드려요.
2026.10.14 · 10분 읽기
Keycloak 에서 이메일 인증과 비밀번호 재설정 메일을 켜는 순서를 정리했어요. SMTP 연결, SPF 와 DKIM 같은 발신 설정, 한국어 메일 테마, 도착 확인까지 따라 할 수 있어요.
2026.10.13 · 11분 읽기
PDF 양식 칸에 한글을 채워 내려받게 만들 때 글꼴 싣기, 칸을 넘치는 글자 처리, 화면과 결과의 줄바꿈 맞추기를 순서대로 따라 할 수 있어요.
2026.10.12 · 13분 읽기
종이에 한 서명이나 도장을 찍어 투명 배경 PNG 로 만드는 법이에요. 조명 보정, 잉크 농도를 투명도로 바꾸기, 강도 조절, 실패 안내까지 순서대로 따라 할 수 있어요.
2026.10.11 · 10분 읽기
UTM 링크로 방문자가 어느 채널에서 왔는지 Umami 에서 세는 법이에요. 이름 규칙 정하기, 링크 만드는 곳 한 군데로 모으기, 붙이면 안 되는 자리, 도착 확인까지 정리했어요.
2026.10.10 · 13분 읽기
인스타그램 캐러셀을 n8n 과 공식 API 로 매일 자동 발행하는 흐름을 정리해요. 이미지 주소, 중복 방지, 완료 확인, 실패 알림까지 따라 할 수 있어요.
2026.10.09 · 9분 읽기
Umami 히트맵을 세션 녹화 없이 켜는 방법을 정리해요. 녹화기 스크립트, 사이트 설정, 표본 비율, 프레임 허용 헤더를 차례로 잡고 네트워크 탭으로 확인하는 법까지 다뤄요.
2026.10.08 · 11분 읽기
Next.js 하이드레이션 불일치 오류가 왜 생기는지, 동작 줄이기 설정과 정렬 순서 같은 숨은 원인을 어떻게 찾고 고치는지 순서대로 알려 드려요.
2026.10.07 · 10분 읽기
쓰던 자체 호스팅 S3 저장소가 보관 처리됐을 때 대체품을 고르는 기준을 정리해요. 후보 비교, 설정 이름 바꾸기, 기동과 왕복 확인까지 따라 할 수 있어요.
2026.10.06 · 11분 읽기
카드뉴스 템플릿을 AI 없이 만들고 싶은 분께, 배치와 글꼴과 색을 부품으로 쪼개 조합하고 글자 넘침을 측정으로 막는 순서를 알려 드려요.
2026.10.05 · 10분 읽기
손그림을 휴대폰으로 찍고 스캔처럼 보정하는 법이에요. 종이 모서리 찾기, 원근 펴기, 조명 얼룩 지우기, 재료별 보정까지 순서대로 따라 할 수 있어요.
2026.10.04 · 11분 읽기
페이크 도어 테스트로 결제 기능을 만들기 전에 유료 구독 의향을 재는 법이에요. 화면 설계, 정직한 안내, 성공 기준 정하기, 클릭 퍼널 계산과 해석의 한계까지 단계별로 정리했어요.
2026.10.03 · 11분 읽기
AI 코딩 에이전트가 비밀 파일을 읽거나 기본 브랜치에 커밋하지 못하게 훅으로 가드레일을 거는 법을 정리해요. 지시문과 훅의 역할 나누기, 차단 메시지 쓰기까지 다뤄요.
2026.10.02 · 12분 읽기
A/B 테스트와 기능 플래그 도구를 작은 팀이 고르는 기준을 정리해요. 셀프호스팅 GrowthBook 과 PostHog 의 운영 부담 비교, 플래그를 코드 밖에 두는 법, 지표를 먼저 정하는 법과 도구의 한계까지 다뤄요.
2026.10.01 · 12분 읽기
Coolify 로 서버 한 대에 작은 웹 서비스 여러 개를 올리는 방법이에요. 데이터베이스 나누기, CI 이미지 빌드와 배포, 배포 뒤 확인, 릴리스와 롤백, 새 서비스 추가 순서까지 따라 할 수 있어요.
2026.10.01 · 12분 읽기
n8n 으로 에러와 일일 지표 리포트를 GitHub 이슈로 만들고, 정해진 시각에 도는 AI 코딩 에이전트가 라벨을 보고 고치고 배포하게 설계하는 법을 정리해요. 멈춤 조건과 PR 규칙까지 다뤄요.
2026.10.01 · 11분 읽기
Turbopack 으로 빌드하는 Next.js 앱이 마크다운, 글꼴, CSS 같은 로컬 파일을 읽다 500 을 낼 때, import.meta.url 경로와 standalone 출력의 빠진 파일을 고치고 배포 전에 미리 잡는 방법을 정리해요.
2026.10.01 · 13분 읽기
제품 이벤트를 직접 한 테이블에 쌓고 Metabase 퍼널 분석으로 단계별 전환율을 재는 방법을 정리해요. 어떤 클릭을 이벤트로 남길지 가르는 기준, 단계 정하기, 일별 질문과 전환 퍼널, 코호트 비교까지 따라 할 수 있어요.
2026.10.01 · 15분 읽기
PDF 서명 넣기를 서버에 파일을 올리지 않고 브라우저 안에서 끝내는 방법이에요. pdf-lib 로 서명 이미지를 정확한 자리에 붙이는 좌표 변환과, 서버에 남길 것을 정해 사용자에게 알리는 법까지 따라 할 수 있어요.
2026.09.30 · 14분 읽기
홈서버나 서버 한 대에서 관리 페이지 보안을 어떻게 잡을지 정리해요. 공개할 도구와 잠글 도구를 나누고, Tailscale 같은 VPN, 공개 로그인, Cloudflare Tunnel 을 비교해 골라 설정할 수 있어요.
2026.09.29 · 14분 읽기