Blog
zozindev Blog
개인 웹 도구를 만들고 쓰면서 확인한 기준, 사용 가이드, 제작 기록을 적어둔다.
사용 가이드
정산, 캡처 이미지, 텍스트 썸네일, 메뉴 결정, 브라우저 처리 여부를 실제 예시와 함께 정리했다.
TEXT_TO_IMG로 블로그 썸네일 하나 만드는 과정
실제 도구에서 두 줄 문구를 넣고 300×300, 2배 출력, WebP로 확인하면서 줄바꿈과 여백, 포맷 기준을 정리했다.
브라우저에서만 처리된다는 말을 직접 확인하는 법
zozincanvas, TEXT_TO_IMG, WTHeat, 정산 칠판의 현재 코드를 기준으로 파일·문구·선택값이 어디에서 처리되는지 확인했다.
더치페이 정산 전에 내가 꼭 다시 보는 것
4명, 영수증 4건을 직접 계산해 보면서 결제자와 참여자, 반올림, 최종 차액을 검산하는 순서를 정리했다.
WTHeat의 102개 메뉴에서 점심 후보를 줄이는 법
한식 30개를 포함한 실제 메뉴 데이터를 기준으로 시간, 예산, 제외 조건을 적용해 후보를 3개까지 줄이는 과정을 정리했다.
캡처 이미지 공유 전 5분 마스킹 루틴
실제 편집 화면을 기준으로 계정 정보, 토큰, 내부 경로를 찾고 블러와 단색 박스를 골라 쓰는 순서를 정리했다.
제작 사례
실제로 만든 기능, 배포 구조, 실패한 부분과 다음 수정 기준을 남긴다.
SPA 콘텐츠 라우트를 정적 HTML로 보강한 기록
WTHeat와 정산 칠판에서 React SPA 라우트가 빈 HTML 셸로 보이는 문제를 줄이기 위해 정적 콘텐츠 페이지를 추가한 구현 기록이다.
정산칠판 출시와 웹 버전 분리 기록
정산칠판을 Apps in Toss에 출시하고 dutchpay.zozindev.com 웹 버전으로 분리하면서 정리한 구조, 기능, 배포 기록이다.
정산칠판 Apps in Toss 미니앱 제작 기록
정산칠판을 Apps in Toss 비게임 미니앱으로 만들면서 잡은 MVP 범위, 정산 로직, 일부러 뺀 기능을 정리했다.
개인 프로젝트 페이지에 최소한 넣기로 한 것들
zozindev.com의 프로젝트 상세 페이지가 단순 링크 모음처럼 보이지 않도록 넣기로 한 내용 기준이다.
zozincanvas 정적 이미지 편집기 제작 기록
zozincanvas를 브라우저 전용 정적 이미지 편집기로 만든 이유, 기능 범위, 배포 구조를 정리했다.
HTML 수동 블로그를 Astro Markdown 구조로 바꾼 기록
zozindev.com 블로그를 HTML 파일 직접 관리 방식에서 Astro와 Markdown 기반 정적 생성 구조로 바꾼 작업 기록이다.
루트 도메인과 서브도메인을 나눠 운영하는 이유
zozindev.com은 허브로 두고 개별 앱은 서브도메인에 분리하는 이유를 적었다.
TEXT_TO_IMG 정적 웹 도구 제작 기록
TEXT_TO_IMG 정적 웹 도구를 만들며 잡은 기능 범위, 다운로드 방식, 운영 방향 기록이다.
WTHeat 음식 추천 웹앱 제작 기록
WTHeat 음식 추천 웹앱을 만들면서 잡은 목적, 기능 범위, 운영 방식 기록이다.
All Posts
SPA 콘텐츠 라우트를 정적 HTML로 보강한 기록
WTHeat와 정산 칠판에서 React SPA 라우트가 빈 HTML 셸로 보이는 문제를 줄이기 위해 정적 콘텐츠 페이지를 추가한 구현 기록이다.
TEXT_TO_IMG로 블로그 썸네일 하나 만드는 과정
실제 도구에서 두 줄 문구를 넣고 300×300, 2배 출력, WebP로 확인하면서 줄바꿈과 여백, 포맷 기준을 정리했다.
브라우저에서만 처리된다는 말을 직접 확인하는 법
zozincanvas, TEXT_TO_IMG, WTHeat, 정산 칠판의 현재 코드를 기준으로 파일·문구·선택값이 어디에서 처리되는지 확인했다.
더치페이 정산 전에 내가 꼭 다시 보는 것
4명, 영수증 4건을 직접 계산해 보면서 결제자와 참여자, 반올림, 최종 차액을 검산하는 순서를 정리했다.
WTHeat의 102개 메뉴에서 점심 후보를 줄이는 법
한식 30개를 포함한 실제 메뉴 데이터를 기준으로 시간, 예산, 제외 조건을 적용해 후보를 3개까지 줄이는 과정을 정리했다.
캡처 이미지 공유 전 5분 마스킹 루틴
실제 편집 화면을 기준으로 계정 정보, 토큰, 내부 경로를 찾고 블러와 단색 박스를 골라 쓰는 순서를 정리했다.
정산칠판 출시와 웹 버전 분리 기록
정산칠판을 Apps in Toss에 출시하고 dutchpay.zozindev.com 웹 버전으로 분리하면서 정리한 구조, 기능, 배포 기록이다.
정산칠판 Apps in Toss 미니앱 제작 기록
정산칠판을 Apps in Toss 비게임 미니앱으로 만들면서 잡은 MVP 범위, 정산 로직, 일부러 뺀 기능을 정리했다.
개인 프로젝트 페이지에 최소한 넣기로 한 것들
zozindev.com의 프로젝트 상세 페이지가 단순 링크 모음처럼 보이지 않도록 넣기로 한 내용 기준이다.
zozincanvas 정적 이미지 편집기 제작 기록
zozincanvas를 브라우저 전용 정적 이미지 편집기로 만든 이유, 기능 범위, 배포 구조를 정리했다.
HTML 수동 블로그를 Astro Markdown 구조로 바꾼 기록
zozindev.com 블로그를 HTML 파일 직접 관리 방식에서 Astro와 Markdown 기반 정적 생성 구조로 바꾼 작업 기록이다.
루트 도메인과 서브도메인을 나눠 운영하는 이유
zozindev.com은 허브로 두고 개별 앱은 서브도메인에 분리하는 이유를 적었다.
TEXT_TO_IMG 정적 웹 도구 제작 기록
TEXT_TO_IMG 정적 웹 도구를 만들며 잡은 기능 범위, 다운로드 방식, 운영 방향 기록이다.
WTHeat 음식 추천 웹앱 제작 기록
WTHeat 음식 추천 웹앱을 만들면서 잡은 목적, 기능 범위, 운영 방식 기록이다.