HTV
이슈마다 찬반·선택 투표. 뉴스 보면서 “나는 어느 쪽이지?” 싶을 때 씁니다. 댓글도 달 수 있어요.
실제 서비스는 htv.jwonlabs.com, meetcost.jwonlabs.com 같은
서브도메인에서 돌아갑니다. 기술 스택이 제각각이라 분리해 둔 거고요.
이 메인 사이트는 그 프로젝트들을 소개하고, 쓰는 법이나 제가 겪은 문제를 글로 남기는 곳입니다.
예를 들어 MeetCost는 “회의 30분 = 돈 얼마?”를
화면에 띄우는 도구인데, 팀 회의 말고도 발표 연습할 때도 씁니다.
RenameScan은 시험지 스캔 파일이
스캔_001.pdf처럼 쌓일 때 파일명을 정리해 주고,
정리하는 방법도 따로 적어 뒀어요.
전부 무료입니다. 유료 결제나 회원제 없습니다. 버그 제보나 “이런 거 만들어 주세요” 같은 건 jwon9798@gmail.com으로 보내 주세요.
카드 누르면 이 사이트 안에 있는 소개 글로 갑니다. 옆 링크는 실제 서비스예요.
이슈마다 찬반·선택 투표. 뉴스 보면서 “나는 어느 쪽이지?” 싶을 때 씁니다. 댓글도 달 수 있어요.
짧은 이미지·클립 보고 맞추는 퀴즈. 한국 마추기 게임 좋아하는 친구한테 영어로 보여주려고 만들었습니다.
회의 참석자 수 × 시급으로 비용이 초마다 올라감. 화면 공유하면 분위기 싸해집니다. (좋은 의미로)
RGB 슬라이더로 목표 색 맞추기. 디자인 과제 하다가 색감 없는 거 자각하고 만든 게임.
부자 되어서 돈 쓰기. 1조가 얼마나 큰 숫자인지 감이 안 와서 직접 눌러보게 했습니다.
밸런스 게임 돌리면 성향 비슷한 아이돌 나옴. 친구들끼리 결과 캡처해서 보내는 용도.
캠페인 링크 붙일 때 utm_source 오타 나서 GA4 망가진 적 있으면 쓰세요. CSV로 한꺼번에도 됩니다.
저장하면 과거 내 캐릭터 잔상이 남아서 스위치 같이 누름. 퍼즐 게임 좋아하면 한번 해보세요.
정수기 필터, 칫솔모 같은 거 언제 샀더라? 기록해 두면 교체일 알려줍니다.
시험지 스캔 PDF 이름 일괄 정리. OCR 돌려서 과목·단원 추측해 줌. 파일은 브라우저 안에서만 처리.
프리랜서용 견적·인보이스 적는 곳. 미수금 만기 지나면 독촉 메일 초안도 뽑아 줍니다.
보통 주말이나 밤에 하나씩 붙입니다. 아이디어 → 주말에 MVP → 써 보고 불편한 거 고치기. 완성도 100% 맞추고 출시하는 타입이 아니라, “일단 써 봐” 하고 올려 둔 것도 꽤 있어요.
프론트는 React·Next.js 쓰는 것도 있고, 그냥 HTML+JS인 것도 있습니다. DB 필요하면 Supabase 쓰고, 배포는 Cloudflare 쪽이 많아요. 코드 스타일이 서비스마다 달라서 repo도 분리해 둔 겁니다.
버그 제보 주시면 고칩니다. 다만 혼자라서 당일 수정은 어려울 수 있어요. 급한 건 메일 제목에 [긴급] 달아 주시면 먼저 봅니다.
서비스 만들면서 알게 된 것, 쓰는 법 정리한 것들입니다.
MeetCost 만들면서 정리한 것. 아젠다 없는 회의가 왜 비싼지, 타이머 어떻게 쓰는지.
읽기source랑 medium 대소문자 섞으면 GA4에서 다른 채널로 잡힙니다. 팀 규칙 하나 정해 두세요.
읽기만기일 안 적어 두면 미수금 추적이 안 됩니다. 독촉 메일도 미리 초안 만들어 두면 덜 스트레스.
읽기과목_단원_회차 형식 쓰면 시험 기간에 찾기 쉽습니다. RenameScan이랑 같이 쓰면 더 빠름.
읽기11개 되니까 약관 찾기부터 힘듦. 완벽주의 버리고 메인에 글 모아 둔 이유.
읽기한 채널씩 맞추는 게 빠릅니다. Color Matcher로 색감 키우는 실전 팁.
읽기jwonlabs.com 메인은 Workers로 배포. GitHub push하면 Actions가 자동 배포합니다.
읽기본인이 쓸 것, 주말에 MVP 가능한 것만 만듭니다. 아이디어는 많은데 다 만들 순 없어서.
읽기