SidedockSidedock
로그인
DropHTML
DropHTML

DropHTML

HTML·마크다운을 드롭하세요. 공유 링크를 받으세요.

내 스택에 추가 — 나중에 찾아볼 제품 모음
링크 복사 또는 네이티브 공유

소개

안녕하세요. HTML·마크다운 파일 하나를 올리면 바로 공유 가능한 링크가 만들어지는 DropHTML(https://drophtml.app)을 만들어서 공유합니다. 왜 만들었나 AI 에이전트한테 "이거 설명하는 페이지 하나 만들어줘" 하면 단일 HTML 파일이 툭 나옵니다. 그런데 이걸 남한테 보여주려면 갑자기 일이 커집니다. GitHub Pages에 올리자니 레포 파고 커밋해야 하고, S3는 버킷·권한 설정이 필요하고, CodePen은 계정을 만들어야 하고, 그냥 파일로 보내면 상대가 다운받아서 열어야 하죠. 만든 건 30초짜리인데 공유하는 데 10분이 걸리는 게 이상해서, 그 10분을 없애봤습니다. 뭘 할 수 있나 파일 드롭 / 코드 붙여넣기 / 마크다운 직접 작성 → 게시하면 끝 계정 없이 씁니다. 게시하면 그 글 전용 "관리 링크"가 한 번 발급되고, 그걸로 편집·삭제 (구글 로그인은 선택 — 로그인해두면 관리 링크 없이 마이페이지에서 관리) 마크다운은 자동 렌더 + 보는 사람이 라이트/다크 토글, 원본이 보존돼서 나중에 마크다운 상태 그대로 재편집 공개 / 링크 공유(unlisted) / 비밀번호 세 단계. 수정해도 링크는 안 바뀝니다 MCP 서버 내장: https://drophtml.app/mcp 를 Claude Code나 Cursor에 등록하면 에이전트가 대화 중에 페이지를 직접 게시·검색·편집·삭제합니다. "이거 페이지로 만들어서 링크 줘" 한 줄이면 끝나는 게 개인적으로 제일 편했습니다 좀 특이한 부분: 방문자 기능 링크를 받은 사람도 계정 없이 공유 페이지에서 쓸 수 있는 것들입니다. 핀 댓글: 페이지 위 원하는 지점을 클릭해서 코멘트. 핀이 요소에 고정돼서 화면 크기가 바뀌어도 위치를 따라갑니다. 디자인 시안 피드백받을 때 유용합니다 그리기: 펜·분필·레이저포인터·지우개. 내 화면에만 보이는 임시 표시라 저장 안 되고 작성자한테도 안 보입니다. 화면 공유하면서 설명할 때 쓰려고 넣었습니다 방문 통계: 누적 조회수 + 최근 30일 + 일별 차트. 개별 방문자 추적은 안 합니다 제한 : 글 하나당 본문 2MB 30일 이상 아무도 열지 않은 페이지는 삭제될 수 있습니다 추적 없음, 무료 가볍게 쓰고 버리는 용도로 만든 거라 영구 보관용은 아닙니다. 써보시고 불편한 점이나 "이건 왜 이렇게 돼 있지" 싶은 부분 있으면 편하게 말씀해 주세요.

메이커

댓글 1

댓글을 남기려면 로그인이 필요합니다.

야니킴
야니킴2026. 8. 16.

AI 에이전트가 MCP로 페이지 직접 생성하고 수정한다는게 한번 쫌 써보고 싶긴 하네영 AI가 만든 결과물 -> 바로 공유 링크 생성까지 연결되면 편할 듯 합니당 👍