친구에게 링크를 보내 그림을 받고, 마음에 드는 그림을 한 장의 이미지로 저장하는 서비스입니다. 친구는 회원가입 없이 참여하고, 스케치북 주인은 공개 여부와 BEST 순위를 관리합니다.
스케치북 제작 시작 화면 · 2026.10.02 공개 서비스 캡처
2026.08 ~ 현재 · 개인 프로젝트
기획·디자인·프론트엔드·서버 API·Firebase 저장 구조를 직접 구현했습니다.
Next.js · React · TypeScript · Firebase · Canvas API
이름과 관리용 비밀번호로 스케치북을 만들고 친구에게 링크를 보냅니다. 친구는 그림과 짧은 메시지를 남길 수 있습니다.
모바일에서 확대하다 선이 그어지는 문제를 막기 위해 두 손가락 동작이 시작되면 완료되지 않은 획을 취소했습니다. 손을 뗄 때마다 그림 상태를 기록해 실행 취소와 다시 실행을 지원하고, 편집기를 다시 열어 이어 그릴 수 있도록 했습니다.
그림 편집 화면 · 기존 로컬 실행 기록, 예시 데이터
그림을 남길 때는 가입을 요구하지 않지만, 숨김 처리와 순위 변경은 주인만 할 수 있습니다. 관리용 비밀번호는 원문 대신 해시값을 저장하고, 관리 요청은 서버에서 권한을 확인합니다. 비밀번호를 반복해서 잘못 입력하면 재시도를 제한합니다.
BEST는 주인이 직접 고르는 1~4위입니다. 순위 변경은 관련 데이터를 한 번에 갱신해 일부 그림의 순위만 바뀌는 상황을 방지했습니다.
공개 상태와 BEST를 변경하는 관리 화면 · 로컬 실행, 예시 데이터