선물 · 웹 웹 공개

마음 한 권

생일 축하 글을 작은 팝업북으로 만들어 링크로 보내는 웹 서비스입니다. 책은 일곱 장이고, 유니콘을 펼치거나 촛불을 끄는 것처럼 직접 만져 보는 장면이 다섯 군데 있습니다. 가입하지 않아도 만들 수 있고, 받는 사람도 로그인 없이 링크로 엽니다.

한눈에 보기

플랫폼
웹 브라우저. 따로 설치하는 앱은 없습니다.
바로가기
maeum-birthday-book.web.app
가격
지금은 무료입니다
가입
필요 없습니다. 받는 사람도 링크만 있으면 책을 엽니다.
처음 공개
만든 곳
사부작 웍스(HS24)

책은 두 단계로 만듭니다

  1. 받는 사람과 보내는 사람의 이름, 마음을 전하는 날짜를 적습니다.
  2. 축하하는 말투를 다정하게, 장난스럽게, 담백하게 가운데서 고릅니다. 고른 말투에 맞춰 첫 장에 들어갈 한마디가 미리 채워지고, 그대로 두거나 고쳐 쓰면 됩니다.

원하면 추억 한 줄과 편지, 사진 한 장을 더 넣을 수 있습니다. 사진은 JPG, PNG, WebP 파일을 10MB까지 올립니다. 미리보기를 누르면 받는 사람에게 보일 책을 처음부터 끝까지 넘겨 볼 수 있고, '선물 링크 만들기'를 누르면 보낼 링크가 나옵니다.

받는 사람이 넘겨 보는 일곱 장

받는 사람은 이름과 날짜가 적힌 표지를 열고 한 장씩 넘깁니다. 첫 장에는 고른 한마디가 들어가고, 가운데 다섯 장에는 손으로 움직여 보는 장면이 하나씩 있습니다.

  1. 손잡이를 돌리면 접혀 있던 종이 유니콘이 펼쳐집니다.
  2. 리본을 아래로 당기면 선물 상자에서 카드가 올라옵니다. 넣어 둔 사진과 추억 한 줄은 이 카드에 나옵니다.
  3. 케이크의 촛불을 눌러 끄고 소원을 빕니다.
  4. 별 세 개를 하나씩 누르면 하트 모양 별자리가 완성됩니다.
  5. 꽃봉오리를 누르면 종이 꽃잎이 펼쳐집니다.

마지막 장에는 편지가 들어갑니다. 편지를 따로 쓰지 않았으면 준비된 글이 대신 들어갑니다.

장면마다 같은 동작을 하는 버튼이 있어서, 끌거나 돌리기 어려우면 버튼을 누르면 됩니다. 손잡이와 버튼은 키보드로도 움직입니다. 효과음은 꺼진 채로 시작하고 화면 위 버튼으로 켭니다. 화면 위 '편지 읽기'를 누르면 지금 펼친 장의 글을 그림 없이 따로 읽을 수 있습니다.

화면

마음 한 권 작성 화면의 두 번째 단계. 다정하게, 장난스럽게, 담백하게 말투 버튼과 첫 장에 담을 한마디 입력란, 선물 링크 만들기 버튼이 보인다.
두 번째 단계에서 말투와 첫 장 한마디를 고릅니다.
미리보기에 나온 분홍색 책 표지. 생일 축하해, 지우라는 제목과 유니콘 그림, 보내는 사람 이름과 날짜가 적혀 있다.
미리보기의 표지입니다. 받는 사람 이름과 날짜가 들어갑니다.
펼친 책의 유니콘 장면. 왼쪽 쪽에는 축하 글이, 오른쪽 쪽에는 손잡이를 돌려 펼친 종이 유니콘이 있다.
유니콘 장면에서 손잡이를 돌린 뒤의 모습입니다.
펼친 책의 케이크 장면. 촛불이 꺼진 딸기 케이크 위에 소원이 이루어지길이라는 글씨가 있다.
케이크 장면에서 촛불을 끈 뒤의 모습입니다.

2026년 10월 8일 웹 서비스의 미리보기 화면을 휴대폰 크기(폭 390px)로 찍었습니다. 이름은 예시입니다.

보낸 뒤에 고치거나 멈추기

링크를 만든 브라우저에서는 '내 책장'에서 그 책을 다시 찾아 고칠 수 있습니다. 다른 기기에서 고치려면 완성 화면의 보관 메뉴에 있는 비밀 관리 링크를 따로 저장해 둡니다. 고친 내용은 '수정 내용 반영'을 눌러야 받는 사람 화면에 나타납니다.

공유를 멈추면 받는 사람이 링크로 책을 열 수 없고, 다시 켜면 열립니다. 책을 지우면 넣었던 사진도 함께 지워지며 되돌릴 수 없습니다.

공개 기록

  1. 웹 서비스로 처음 공개했습니다. 같은 날 작성 흐름을 줄여, 두 번째 단계에서 바로 선물 링크를 만들고 미리보기는 원할 때만 보도록 바꿨습니다.

개인정보와 문의

책에 담기는 정보는 직접 적은 이름과 날짜, 편지, 고른 사진이고, 책을 저장하고 공유하는 데 씁니다. 받는 사람의 실제 생년월일이나 연락처는 묻지 않습니다. 책 내용과 사진은 Supabase(서울 리전)에 저장하고, 화면은 Google Firebase Hosting으로 제공합니다. 올린 사진은 WebP로 바꿔 저장하면서 촬영 정보 같은 메타데이터를 지웁니다.

자세한 내용은 마음 한 권 개인정보 안내와 이용 안내에 있습니다. 문의는 hello@sabujakworks.com으로 보내 주세요.

글꼴

손글씨는 Gaegu, 나머지 글자는 Pretendard 글꼴로 씁니다. 두 글꼴 모두 SIL Open Font License 1.1로 배포됩니다.

다음 작업러브레터.zip