반응형
따뜻한 봄날, 무료한 일상을 담고 싶다면?
토스터기로 굽는 네 컷 사진, 어떠세요?
Toaster Booth는 토스터기를 사진기로 삼아,
잼처럼 감성을 입히고, 프레임으로 꾸미는 특별한 네 컷 사진 서비스입니다.
🤔 왜 '토스터'인가요?
우리는 사진을 굽는다 고 상상해봤어요.
그리고 생각했죠.
토스터기에서 ‘찰칵’ 나오는 빵과,
카메라에서 ‘찰칵’ 나오는 사진, 뭔가 닮지 않았나요?
그래서 우리는 카메라 대신 토스터기를 꺼내 들었고,
그 위에 잼 필터를 발라주고,
다양한 프레임으로 꾸밀 수 있는 서비스를 만들었어요.
사진 한 장 한 장이, 마치 따뜻한 토스트 한 조각처럼 느껴지길 바랍니다!
✨ 어떤 기능들이 있나요?
- 📷 네 컷 촬영: 웹캠으로 4컷을 순차적으로 촬영할 수 있어요. (타이머도 지원!)
- 🍓 잼 필터: 블루베리, 딸기, 버터… 감성 톤을 입혀보세요.
- 🎀 프레임 선택: 기본 프레임은 물론, 특정 이벤트 전용 프레임도 자동 등장!
- 💾 다운로드: 완성된 네 컷을 이미지로 저장할 수 있어요.
🎀 귀여움이 한가득! 프레임 자랑 타임
Toaster Booth는 단순한 촬영 서비스가 아니에요.
각기 다른 감성과 분위기를 담은 귀여운 프레임들을 직접 디자인했어요!
- 📦 기본 프레임은 물론,
- 🍞 토스터 시리즈 프레임에
- 💌 시즌별로 추가될 스페셜 프레임까지!
직접 고르고, 꾸미는 재미를 더해
마치 포토부스에 들어온 듯한 경험을 선사합니다.
“아, 이 프레임 뭐야 너무 귀여워!”
라는 반응, 저희가 제일 좋아하는 말이에요. 🧸💘
📦 기술적으로는요?
- React + TypeScript로 만들었고, TailwindCSS로 스타일링했어요.
- 귀여운 인터랙션은 Rive로! (디자인까지 마스터한 리버에게 박수를! 👏)
- 상태 관리는 Context API로, 데이터 저장은 IndexedDB를 사용했어요
자세한 사항은 아래 깃허브나 개발 진행 과정 블로그를 참고해주세요 !
🎯 앞으로 토스터 부스는?
- 🎈 더 많은 테마 프레임을 주기적으로 추가할 예정이에요!
- 📨 친구에게 공유하는 기능도!
- 🍀 나만의 프레임을 제작하는 기능도!
- 🖨️ 지금까지 찍은 사진을 모아보는 아카이빙 기능까지!
계속 발전할 Toaster Booth를 기대해주세요! 💛
🔗 지금 바로 사용해보세요!
TOASTER BOOTH
toaster; 나만의 귀여운 토스트 네컷 사진관 📸
toaster-booth.vercel.app
📝 개발기 더 보기
반응형
'개발자의 성장 도파민 기록' 카테고리의 다른 글
| 🙌 마일리지 장학금 시스템에서 마일스톤 서비스로; 나의 성장을 담아 (3) | 2025.06.02 |
|---|---|
| 📸 Safari에서 이미지가 누락된 채 다운로드되는 문제 해결기 (with html-to-image) (0) | 2025.04.22 |
| 📸 toaster: 네컷 사진이 사라졌다!? 새로고침을 견디는 상태 저장 여정 (1) | 2025.04.12 |
| 🥐 toaster: Rive를 사용해서 귀엽고 인터랙티브한 서비스 만들기 (5) | 2025.04.08 |
| 🍞 toaster: 헤일리의 웹캠네컷의 시작 ! ; 브라우저에서 카메라 사용부터 컴포넌트를 이미지로 변환 후 저장까지! (7) | 2025.04.02 |