운영 중인 서비스 5가지
전부 지금 돌아가고 있고, 제가 직접 씁니다. 카드를 누르면 바로 열립니다.
직장인 퇴사가이드
직장인 · 노동법 도구
퇴사와 이직을 고민하는 직장인을 위한 계산기·정보 서비스. 실업급여, 퇴직금, 연차수당, 월급 실수령액을 바로 계산하고 노동법 Q&A와 정부지원금 정보를 회원가입 없이 볼 수 있습니다.
- 실업급여 · 퇴직금 · 연차수당 · 실수령액 계산기 9종
- 노동법 Q&A 25문답, 노동·급여 용어사전, 정부지원금 12종 안내
- 퇴사 성향 테스트와 퇴사 점수 자가진단(오락·참고용)
경찰과 도둑
웹 게임 · 실시간 멀티플레이
설치 없이 링크만으로 접속해 즐기는 1인칭 3D 술래잡기 게임. 브라우저에서 바로 실행되며, 여러 명이 같은 공간에서 쫓고 쫓기는 실시간 멀티플레이를 지원합니다.
- 설치·회원가입 없이 URL 접속만으로 바로 플레이
- WASD 이동·마우스 시점·점프·대쉬, 속도향상·투명화·테이저건 아이템
- 서버가 판정을 담당하는 실시간 동기화 구조
크론병 투병기
기록 · 투병 일기
크론병과 함께 살아온 시간을 정리한 투병 기록 공간입니다. 진단받던 순간부터 치료와 일상 관리까지 200편이 넘는 글을 시간순으로 담았고, 같은 병을 겪는 분들을 위한 경험 기반 꿀팁도 함께 정리했습니다.
- 투병기 200여 편을 타임라인으로 정리, 목록형·썸네일형 보기 전환
- 식사·약 관리·검사 준비 등 경험에서 나온 생활 꿀팁
- 익명 방명록(비밀글·답글 지원)과 제목·내용 검색
채비
헬스케어 · 일정 관리
"진료·검사·준비물을 차분히 채비한다" - 장기 투병 중인 환자와 가족이 함께 쓰는 일정·기록 관리 서비스입니다. 진료와 검사, 복약, 의료비를 한곳에 모아 다음에 무엇을 준비해야 하는지 바로 알 수 있게 했습니다.
- 진료·검사·복약·질문을 색과 아이콘으로 구분한 타임라인
- 가족 초대와 권한 관리 - 보호자가 함께 일정을 챙길 수 있음
- 반복 일정·사전 알림, 구글 캘린더 연동, 의료비 기록과 요약 리포트
경량LMS서비스
LMS, 경량LMS, 학습,자기계발
소규모 공부방과 교습소를 위한 온라인 강의 시스템입니다. 지금은 베타 기간이라 모든 기능을 무료로 쓰실 수 있습니다.
- 소규모 공부방과 교습소를 위한 온라인 강의 시스템입니다. 지금은 베타 기간이라 모든 기능을 무료로 쓰실 수 있습니다.
만들면서 남긴 개발 기록
홈서버 인프라, 프론트엔드와 SEO, 자동 배포, 3D 게임까지 부딪힌 문제와 해결 과정입니다.
Claude가 내 홈서버에 직접 SSH로 들어오게 만들기까지
왜 이걸 하려고 했나 집에 Intel N100 미니PC를 상시 가동 서버로 두고 도커로 서비스 몇 개를 굴리고 있다. 개발은 윈도우 PC에서 하고 배포와 운영은 미니PC에서 돌아간다. 그러다 보니 "컨테이너 상태 좀 봐줘" 같은 걸 부탁하려면 매번 내가 터미널을 열고 SSH로 붙어서 결과를 복사해 붙여넣어야 했다. 그래서 Claude가 MCP를 통해 미니PC에 직접 SSH로 접속하도록 만들어보기로 했다. 결론부터 말하면 성공했지만 중간에 예상 못 한 벽을 세 개나 만났다.
배포는 성공했는데 사이트는 그대로였다
컨테이너는 만들어졌는데 시작이 안 됐다 먼저 컨테이너 목록을 봤다. 프론트엔드와 백엔드가 created 상태였다. 만들어지긴 했는데 시작에 실패했다. 그런데 사이트는 멀쩡히 떠 있었다. 이 조합이 이상했다. 새 컨테이너가 안 떴는데 서비스가 살아 있다면, 옛날 프로세스가 아직 포트를 붙잡고 있다는 뜻이다. 포트를 누가 쥐고 있는지 확인해봤다. 컨테이너는 이미 지워졌는데 docker-proxy 프로세스 네 개가 80과 443을 계속 물고 있었다. 스냅으로 설치한 도커에서 종종 생기는 문제라고 한다. 새 컨테이너는 포트를 못 잡아서 created에서 멈췄고 죽은 컨테이너의 프록시가 계속 옛날 내용을 서빙하고 있었던 것이다. 프로세스를 죽이고 컨테이너를 다시 올렸다. 이번엔 정상적으로 떴다.
미니PC 한 대로 웹 서비스 4개 운영하기
전기요금 걱정 없는 N100 미니PC 한 대에 도커로 서비스 네 개를 올렸습니다. 서브도메인으로 나누고, 하나의 443 포트를 나눠 쓰는 구조를 정리했습니다.
Vue로 만든 사이트가 검색에 안 잡히던 이유
SPA는 자바스크립트가 실행돼야 내용이 보입니다. 크롤러 눈에는 빈 페이지였던 사이트를, 빌드 때 정적 HTML을 만들어 해결한 과정입니다.
직접 만들고, 직접 굴리는 이유
안녕하세요. 회사를 다니면서, 살다 보니 "이런 게 있으면 좋겠다" 싶었던 것들을 직접 만들어 쓰는 개발자입니다. 이 사이트 hswork.win은 그렇게 만든 웹 서비스들을 한곳에 모아둔 공간이자, 만들면서 겪은 시행착오를 정리해 두는 기록장입니다. 기획부터 개발과 디자인, 서버 구축, 배포, 운영까지 전부 혼자 맡아서 하고 있습니다.
서비스들은 클라우드가 아니라 집에 둔 인텔 N100 미니PC 한 대에서 돌아갑니다. 개인 프로젝트에 매달 고정비를 내기보다, 전기요금 정도로 감당되는 홈서버에 도커로 여러 서비스를 올리고 서브도메인으로 나눠 쓰는 구조를 택했습니다. 공인 IP 하나와 443 포트 하나를 리버스 프록시로 나눠 쓰고, 나중에 붙인 서비스들은 아예 포트를 쓰지 않는 방식으로 넣었습니다. 그 과정에서 부딪힌 문제들이 개발 기록에 담겨 있습니다.
지금 운영 중인 서비스는 다섯 가지입니다. 직장인 퇴사가이드는 실업급여와 퇴직금, 연차수당 같은 걸 회원가입 없이 계산해 보고 노동법 정보를 찾아볼 수 있는 도구 모음입니다. StudyDesk는 소규모 공부방과 교습소를 위한 가벼운 온라인 강의 시스템으로, 유튜브 영상으로 강의를 만들고 학생이 실제로 본 구간만 진도에 반영합니다. 경찰과 도둑은 설치 없이 링크만으로 여러 명이 함께 즐기는 브라우저 3D 술래잡기 게임입니다.
크론병 투병기는 저 역시 크론병 환자로서 진단부터 치료와 일상 관리까지의 시간을 200편 넘게 기록한 블로그이고, 채비는 그 투병 경험에서 출발해 진료와 검사, 복약 일정을 가족과 함께 챙길 수 있게 만든 서비스입니다. 화면만 예쁜 껍데기가 아니라, 실제로 제가 쓰려고 만들어 지금도 매일 돌아가는 것들입니다.
개발 기록에는 2020년 사이드 프로젝트를 시작하던 무렵의 메모부터, Vue로 만든 사이트가 검색에 안 잡히던 이유, 커밋 한 번으로 배포까지 자동화한 과정, 처음 만들어 본 3D 실시간 멀티플레이 게임 이야기까지 시간순으로 쌓여 있습니다. 혼자 부딪히며 남긴 기록이라 완벽하진 않지만, 같은 문제를 겪는 누군가에게는 작은 단서가 되기를 바랍니다. 궁금한 점이나 피드백은 [email protected]으로 언제든 보내 주세요.