WebPiki를 시작하며 — 이 사이트를 만든 이유

솔직히 말하면 이 사이트를 만들겠다고 마음먹은 건 꽤 단순한 이유에서였다.

매번 같은 걸 검색하고 있었다

개발하다 보면 JSON 포맷 한번 맞춰보려고 구글에 "json formatter" 검색하고, Base64 디코딩할 일 있으면 또 검색하고. 솔직히 북마크해두면 되는 건데, 매번 새 탭 열고 검색하는 게 습관이 됐다. 그런데 이런 도구 사이트들이 대부분 광고가 떡칠이거나, 로딩이 느리거나, UI가 2010년대에서 멈춰있더라.

"그냥 내가 만들면 안 되나?"

이게 시작이었다.

근데 도구만 있으면 좀 심심하잖아

처음엔 정말 개발자 도구 모음 사이트로만 생각했다. JSON 정리기, 해시 생성기, 인코더/디코더... 이런 것들. 근데 어차피 웹사이트 만드는 거, 간단한 게임도 올려보면 어떨까 싶었다. 점심시간에 10분 때울 수 있는 그런 가벼운 것들. 2048이나 스네이크 게임 같은 거.

거기에 블로그까지 붙이면 나름 괜찮은 사이트가 되지 않을까 했다. 평소에 공부하면서 정리하던 내용들을 블로그에 올리면 나한테도 도움이 되고.

기술 스택은 좀 과한 감이 있지만

Next.js 15에 TypeScript, Tailwind CSS. 도구 모음 사이트치고는 좀 오버스펙 아니냐는 생각도 들었는데, 어차피 공부 겸 만드는 거라 최신 기술로 가기로 했다. Vercel에 올리니까 배포도 편하고.

아키텍처는 클린 아키텍처를 적용했다. 이것도 사실 이 규모에서는 과하긴 한데, 나중에 기능이 늘어날 걸 생각하면 처음부터 깔끔하게 잡아두는 게 낫다고 판단했다. domain, core, infra, features로 레이어를 나눠서, 게임이든 도구든 features/ 안에 폴더 하나 만들고 레지스트리에 등록하면 자동으로 페이지가 생기는 구조다.

앞으로 뭘 올릴 건지

당장은 이런 것들부터 하나씩 채워나갈 생각이다:

• 개발자 도구 — JSON 포맷터, Base64 인코더, 색상 변환기 같은 실용적인 것들
• 생활 계산기 — BMI 계산기, 연봉 실수령액 계산기, 날짜 계산기
• 웹 게임 — 2048, 테트리스, 지뢰찾기 같은 클래식 게임들
• 블로그 — AI 트렌드, 웹 개발 팁, 보안 관련 글들

한번에 다 만들 수는 없으니까 조금씩 추가할 예정이다. 혹시 "이런 도구 있으면 좋겠다" 싶은 게 있으면 문의 페이지로 알려주면 좋겠다.

마무리

뭐, 거창한 비전 같은 건 없다. 그냥 내가 자주 쓰는 도구들을 깔끔하게 모아두고, 심심할 때 게임 한판 하고, 가끔 글도 올리는 사이트. 그게 WebPiki다.

방문해주셔서 고맙고, 종종 들러주시면 더 고맙겠습니다.