zozindev

여기서 다루는 것

이미지 한 장 가리려고 파일을 서버에 올리기 싫었고, 썸네일 하나 만들려고 큰 편집기를 켜기 싫었다. 여행 정산을 하면서 영수증마다 참여자가 다른 경우도 자주 헷갈렸다. 이 사이트에 연결된 도구는 그런 작은 불편에서 시작했다.

루트 사이트에는 앱 링크만 두지 않는다. 실제 화면, 입력 예시, 계산 결과, 브라우저에서 확인한 저장 방식과 한계를 같이 남긴다. 도구가 해결하지 못하는 부분도 숨기지 않는다.

처음 보는 사람이라면 아래 다섯 가이드 중 필요한 것부터 보면 된다. 각 글은 지금 운영 중인 도구와 실제 결과물을 기준으로 작성했다.

처음 들어왔다면 아래 글부터 보면 된다. 각 글은 도구 사용법만 적는 게 아니라, 왜 그 기준이 필요한지와 어떤 한계가 있는지까지 같이 정리했다.

WTHeat와 정산 칠판에서 React SPA 라우트가 빈 HTML 셸로 보이는 문제를 줄이기 위해 정적 콘텐츠 페이지를 추가한 구현 기록이다.

실제 도구에서 두 줄 문구를 넣고 300×300, 2배 출력, WebP로 확인하면서 줄바꿈과 여백, 포맷 기준을 정리했다.

zozincanvas, TEXT_TO_IMG, WTHeat, 정산 칠판의 현재 코드를 기준으로 파일·문구·선택값이 어디에서 처리되는지 확인했다.

4명, 영수증 4건을 직접 계산해 보면서 결제자와 참여자, 반올림, 최종 차액을 검산하는 순서를 정리했다.

한식 30개를 포함한 실제 메뉴 데이터를 기준으로 시간, 예산, 제외 조건을 적용해 후보를 3개까지 줄이는 과정을 정리했다.

실제 편집 화면을 기준으로 계정 정보, 토큰, 내부 경로를 찾고 블러와 단색 박스를 골라 쓰는 순서를 정리했다.