출시 전후에 쓰는
도구 모음
브라우저를 벗어나지 않고 데이터 정리, 도메인 확인, SSL 점검, SEO 태그 준비, 캠페인 링크 생성, 프런트엔드 자산 정리를 처리하세요.
배포 경로
배포 허브
프레임워크 빌드, 정적 결과물, PDF, AI 생성 프런트엔드 코드에 맞는 게시 경로를 고릅니다.
HTML 파일 호스팅
빌드 파이프라인이 필요 없는 일반 HTML, CSS, JavaScript를 게시합니다.
Vue 호스팅
Vue와 Vite 빌드 결과물을 정적 호스팅, 라우트, 자산, 업데이트 기준으로 준비합니다.
React 호스팅
React SPA 빌드를 게시하기 전에 정적 파일, 라우팅 가정, 자산 경로를 먼저 확인합니다.
Next.js 정적 export
서버 렌더링이나 API route 없이 동작하는 사이트에 Next.js static export를 사용합니다.
DeepSeek 배포
DeepSeek가 만든 프런트엔드 파일의 자산과 임시 요소를 확인한 뒤 검토 가능한 공개 링크로 전환합니다.
ChatGPT 배포
ChatGPT가 만든 페이지를 누락 파일, 가짜 링크, 위험한 가정까지 점검한 뒤 게시합니다.
Gemini 배포
Gemini 프로토타입을 로컬 파일에서 공유 가능한 정적 사이트로 옮깁니다.
PDF 호스팅
이력서, 브리프, 매뉴얼, 클라이언트 문서를 온라인 링크로 바꿉니다.
호스팅 시나리오
개인 사이트
서버를 관리하지 않고 개인 홈페이지, 가벼운 블로그, 프로필 사이트를 게시합니다.
학생 프로젝트
과제, 수업 프로젝트, 초보자 빌드를 ZIP 대신 URL로 공유합니다.
온라인 이력서
HTML, Markdown, PDF 이력서를 채용 담당자가 바로 열 수 있는 링크로 전환합니다.
온라인 포트폴리오
커스텀 도메인, 빠른 전달, 깔끔한 검토 경로로 작업물을 보여줍니다.
문서 호스팅
VitePress, Docusaurus, Nextra 등 정적 문서 도구의 빌드를 게시합니다.
랜딩 페이지
메인 앱을 건드리지 않고 캠페인 페이지, 마이크로사이트, 리드 페이지를 출시합니다.
웹 게임 호스팅
Unity WebGL, Godot, 브라우저 게임 빌드를 정적 전달과 플레이 가능한 공유에 맞게 준비합니다.
링크 인 바이오
범용 프로필 링크 템플릿에 의존하지 않고 직접 관리하는 브랜드 링크 페이지를 만듭니다.
핵심 개발자 도구
JSON 포맷터
설정이나 API 실수로 이어지기 전에 JSON 페이로드를 검증, 정렬, 압축, 확인합니다.
타임스탬프 변환기
로그, 토큰, 예약 작업을 디버깅할 때 Unix 시간과 읽기 쉬운 날짜를 변환합니다.
UUID / ULID
테스트, 샘플 데이터, 레코드, 로컬 프로토타입용 UUID와 정렬 가능한 ULID를 생성합니다.
정규식 테스트
정규식을 검증, 라우팅, 정리 코드에 넣기 전에 실제 텍스트로 확인합니다.
SQL 포맷터
리뷰, 공유, 저장 전에 복잡한 SQL을 여러 방언 기준으로 읽기 쉽게 정리합니다.
JWT 확인
인증 동작을 디버깅하며 JWT 헤더, 페이로드, claim, 만료 시간을 확인합니다.
Crontab 빌더
자동화나 유지보수 작업에 넣기 전에 cron 표현식과 다음 실행 시간을 미리 확인합니다.
Linux 권한
rwx 조합을 추측하지 않고 심볼릭/숫자 파일 권한을 서로 변환합니다.
프런트엔드와 디자인
QR 코드 생성기
출시 링크, 메뉴, 인쇄물, 오프라인 안내에 쓸 QR 코드를 만듭니다.
디바이스 목업
스크린샷을 기기와 브라우저 프레임에 넣어 랜딩 페이지, 발표 자료, 릴리스 노트에 사용합니다.
SVG 최적화
아이콘과 일러스트가 정적 사이트에 들어가기 전에 불필요한 SVG 마크업을 줄입니다.
파비콘 생성기
브라우저 탭, 북마크, 앱 아이콘에서 사이트가 완성도 있게 보이도록 파비콘을 준비합니다.
색상 변환기
디자인과 코드 사이를 오갈 때 HEX, RGB, HSL 등 색상 형식을 변환합니다.
코드 압축기
HTML, CSS, JavaScript 조각을 압축해 정적 자산과 빠른 실험을 가볍게 만듭니다.
CSS를 Tailwind로
자주 쓰는 CSS 패턴을 Tailwind 스타일 유틸리티 클래스로 옮겨 프런트엔드 정리를 빠르게 합니다.
OG 이미지 생성기
공유된 출시 링크가 피드와 메시지에서 의도한 모습으로 보이도록 소셜 미리보기 이미지를 만듭니다.
Lorem Ipsum
최종 문구가 준비되기 전 레이아웃 밀도를 확인할 현실적인 임시 문구를 생성합니다.
네트워크와 SEO
IP 조회
접근, 로그, 지역별 동작을 디버깅할 때 IP 정보와 네트워크 맥락을 확인합니다.
SSL 확인
인증서 상태, 만료일, 발급자 정보를 확인합니다.
Ping 테스트
브라우저에서 URL이 응답하는지 확인하고 대략적인 요청 지연을 측정합니다.
DNS 조회
도메인 설정을 진단하면서 A, CNAME, MX, TXT 등 DNS 레코드를 조회합니다.
User Agent 분석
User Agent 문자열을 브라우저, 운영체제, 기기, 봇 신호로 해석합니다.
robots.txt 생성기
크롤링 접근, 사이트맵 힌트, 출시 전 SEO 점검용 robots.txt 규칙을 생성합니다.
메타 태그 생성기
새 페이지용 title, description, Open Graph, Twitter, canonical, robots 태그를 만듭니다.
UTM 빌더
첫 유입이 들어오기 전에 표준 UTM 파라미터를 갖춘 캠페인 URL을 만듭니다.
출시가 실제로 깨지는 순서대로 도구를 쓰세요
출시 문제는 보통 잘못된 데이터, 깨진 도메인 접근, 약한 공유 메타데이터 세 가지로 나뉩니다. 유틸리티를 무작위로 열기보다 맞는 순서로 점검하세요.
점검 후 사이트를 바로 공개해야 하나요?
도구 모음은 배포 가이드 옆에 있습니다. 구성 요소를 확인하고 뚜렷한 문제를 고친 뒤 같은 자리에서 최종 정적 파일을 게시할 수 있습니다.