읽은 문장을 내 것으로 만드는 한 스푼
읽기만 하면 흘러가는 문장에 '한 스푼'의 선택을 더하세요.
좋은 글을 읽고 나서도 뭔가 남는 게 없다는 느낌, 있지 않으신가요?
한스푼은 웹 아티클을 읽으며 마음에 남는 문장을 하이라이트하고, 그것들을 모아 나만의 인사이트로 저장하고 공유하는 크롬 익스텐션입니다.
드래그 한 번으로 문장을 포착하고, 사이드 패널에서 내가 모은 문장들을 한눈에 확인하고, 링크 하나로 아름다운 그리드 카드 형태로 공유할 수 있습니다.
좋은 글을 많이 읽는데, 읽고 나면 뭔가 남질 않았습니다.
스크롤을 내리면서 "오, 이 문장 좋다"고 생각했지만 다음 날이면 기억나지 않았습니다. 읽은 것과 기억하는 것은 다른 얘기였습니다. 메모 앱에 따로 옮기거나, 캡처를 찍어 저장하는 방식도 해봤지만 결국 흩어지거나 다시 보지 않게 되었습니다.
그래서 생각했습니다. 읽는 맥락 안에서 바로 포착할 수 있어야 한다고.
브라우저를 떠나지 않고, 글을 읽다가 드래그 한 번으로 문장을 저장하는 경험을 만들고 싶었습니다. 그리고 그 문장들을 다른 사람들과 공유할 때도, 단순한 텍스트 목록이 아닌 시각적으로 아름다운 형태로 보여주고 싶었습니다.
한스푼은 그 경험을 직접 만들어 쓰기 위해 시작한 크롬 익스텐션입니다.
| 분류 | 기술 |
|---|---|
| Extension |  |
| Frontend |   |
| 상태관리 |   |
| 스타일링 |  |
| 로컬 DB |  |
| 백엔드 |  |
| 모노레포 |   |
| 코드 품질 |  |
| 분석 |  |
웹 페이지를 읽다가 마음에 드는 문장을 드래그하면 하이라이트 툴바가 나타납니다. 버튼 하나로 문장이 IndexedDB에 즉시 저장되고, 다음에 같은 페이지를 방문해도 하이라이트가 복원됩니다.
- 브라우저를 떠나지 않고 읽는 맥락 안에서 바로 포착
- 페이지를 다시 열어도 하이라이트 위치 자동 복원
- 로그인 없이 로컬에서 즉시 사용 가능
익스텐션 아이콘을 클릭하면 사이드 패널이 열립니다. 지금까지 하이라이트한 아티클 목록과 각 문장들을 한눈에 확인할 수 있습니다.
- 아티클별로 모아진 하이라이트 목록
- 로컬 우선(Local-first) 아키텍처로 오프라인에서도 동작
- 로그인 시 Supabase 클라우드에 자동 동기화
내가 모은 문장들을 링크 하나로 공유할 수 있습니다. 공유 페이지는 하이라이트 문장들을 그리드 카드 형태로 시각적으로 보여주며, 원본 아티클 링크도 함께 제공합니다.
- 공개 공유 링크 생성 (shareId 기반)
- 하이라이트 문장들을 그리드 레이아웃으로 시각화
- 모바일/데스크톱 반응형 레이아웃
- Text Fragment URL로 원본 아티클의 하이라이트 위치 직접 링크