출시 전후에 쓰는
도구 모음

프레임워크 빌드, 정적 결과물, PDF, AI 생성 프런트엔드 코드에 맞는 게시 경로를 고릅니다.

빌드 파이프라인이 필요 없는 일반 HTML, CSS, JavaScript를 게시합니다.

Vue와 Vite 빌드 결과물을 정적 호스팅, 라우트, 자산, 업데이트 기준으로 준비합니다.

React SPA 빌드를 게시하기 전에 정적 파일, 라우팅 가정, 자산 경로를 먼저 확인합니다.

서버 렌더링이나 API route 없이 동작하는 사이트에 Next.js static export를 사용합니다.

DeepSeek가 만든 프런트엔드 파일의 자산과 임시 요소를 확인한 뒤 검토 가능한 공개 링크로 전환합니다.

ChatGPT가 만든 페이지를 누락 파일, 가짜 링크, 위험한 가정까지 점검한 뒤 게시합니다.

Gemini 프로토타입을 로컬 파일에서 공유 가능한 정적 사이트로 옮깁니다.

이력서, 브리프, 매뉴얼, 클라이언트 문서를 온라인 링크로 바꿉니다.

서버를 관리하지 않고 개인 홈페이지, 가벼운 블로그, 프로필 사이트를 게시합니다.

과제, 수업 프로젝트, 초보자 빌드를 ZIP 대신 URL로 공유합니다.

HTML, Markdown, PDF 이력서를 채용 담당자가 바로 열 수 있는 링크로 전환합니다.

커스텀 도메인, 빠른 전달, 깔끔한 검토 경로로 작업물을 보여줍니다.

VitePress, Docusaurus, Nextra 등 정적 문서 도구의 빌드를 게시합니다.

메인 앱을 건드리지 않고 캠페인 페이지, 마이크로사이트, 리드 페이지를 출시합니다.

Unity WebGL, Godot, 브라우저 게임 빌드를 정적 전달과 플레이 가능한 공유에 맞게 준비합니다.

범용 프로필 링크 템플릿에 의존하지 않고 직접 관리하는 브랜드 링크 페이지를 만듭니다.

설정이나 API 실수로 이어지기 전에 JSON 페이로드를 검증, 정렬, 압축, 확인합니다.

로그, 토큰, 예약 작업을 디버깅할 때 Unix 시간과 읽기 쉬운 날짜를 변환합니다.

테스트, 샘플 데이터, 레코드, 로컬 프로토타입용 UUID와 정렬 가능한 ULID를 생성합니다.

정규식을 검증, 라우팅, 정리 코드에 넣기 전에 실제 텍스트로 확인합니다.

리뷰, 공유, 저장 전에 복잡한 SQL을 여러 방언 기준으로 읽기 쉽게 정리합니다.

인증 동작을 디버깅하며 JWT 헤더, 페이로드, claim, 만료 시간을 확인합니다.

자동화나 유지보수 작업에 넣기 전에 cron 표현식과 다음 실행 시간을 미리 확인합니다.

rwx 조합을 추측하지 않고 심볼릭/숫자 파일 권한을 서로 변환합니다.

출시 링크, 메뉴, 인쇄물, 오프라인 안내에 쓸 QR 코드를 만듭니다.

스크린샷을 기기와 브라우저 프레임에 넣어 랜딩 페이지, 발표 자료, 릴리스 노트에 사용합니다.

아이콘과 일러스트가 정적 사이트에 들어가기 전에 불필요한 SVG 마크업을 줄입니다.

브라우저 탭, 북마크, 앱 아이콘에서 사이트가 완성도 있게 보이도록 파비콘을 준비합니다.

디자인과 코드 사이를 오갈 때 HEX, RGB, HSL 등 색상 형식을 변환합니다.

HTML, CSS, JavaScript 조각을 압축해 정적 자산과 빠른 실험을 가볍게 만듭니다.

자주 쓰는 CSS 패턴을 Tailwind 스타일 유틸리티 클래스로 옮겨 프런트엔드 정리를 빠르게 합니다.

공유된 출시 링크가 피드와 메시지에서 의도한 모습으로 보이도록 소셜 미리보기 이미지를 만듭니다.

최종 문구가 준비되기 전 레이아웃 밀도를 확인할 현실적인 임시 문구를 생성합니다.

접근, 로그, 지역별 동작을 디버깅할 때 IP 정보와 네트워크 맥락을 확인합니다.

인증서 상태, 만료일, 발급자 정보를 확인합니다.

브라우저에서 URL이 응답하는지 확인하고 대략적인 요청 지연을 측정합니다.

도메인 설정을 진단하면서 A, CNAME, MX, TXT 등 DNS 레코드를 조회합니다.

User Agent 문자열을 브라우저, 운영체제, 기기, 봇 신호로 해석합니다.

크롤링 접근, 사이트맵 힌트, 출시 전 SEO 점검용 robots.txt 규칙을 생성합니다.

새 페이지용 title, description, Open Graph, Twitter, canonical, robots 태그를 만듭니다.

첫 유입이 들어오기 전에 표준 UTM 파라미터를 갖춘 캠페인 URL을 만듭니다.