[자작앱] Claude Code와 함께 만든 웹 콘텐츠 수집 앱 HAKARI

안녕하세요. 평소 눈팅만 하다가 처음으로 제가 만든 앱을 소개해봅니다.

  만들게 된 계기

  ----------------

  혹시 브라우저 탭 30개 열어두고 "나중에 볼게요" 하시는 분 계신가요?

  저였습니다. 매일 그러다가 정작 필요할 때 찾지 못했죠.

  카톡 나에게 보내기, 인스타 저장, 북마크... 링크들이 이곳저곳에 흩어져 있고.

  "그 글 어디서 봤더라?"가 일상이 되더라고요.

  그래서 만들었습니다. HAKARI라는 앱을.

  HAKARI라는 이름

  ----------------

  하코(상자) + 하카리(빛)의 합성어입니다.

  발견한 순간의 빛을 담는 상자라는 뜻으로 지었습니다.

  주요 기능

  ----------------

  - 원클릭 수집: 다른 앱에서 공유 버튼만 누르면 저장

  - 자동 메타데이터: URL만 넣으면 제목, 설명, 썸네일 자동 추출

  - 스마트 태그: 자동완성 지원, 각 태그마다 고유한 네온 색상으로 구분

  - 노트 기능: 저장한 콘텐츠에 메모 추가 가능

  - 필터: 유형별(아티클/동영상/이미지), 즐겨찾기, 키워드 검색

  - 일일 수집 목표: 하루에 얼마나 모았는지 추적

  - 백업/복원: ZIP 파일로 내보내기

  - 로컬 저장: 서버로 전송되는 정보 없음

  개발 이야기

  ----------------

  Flutter로 개발했습니다. 상태관리는 Riverpod, 로컬 저장은 Hive, 라우팅은 GoRouter를 썼습니다.

  혼자 개발했다고 했지만, 엄밀히 말하면 Anthropic의 Claude Code와 함께 만들었습니다.

  처음엔 혼자 하려다가 막히는 부분이 많았는데, Claude Code가 정말 큰 도움이 됐어요. 아키텍처 설계부터 버그 수정, 리팩토링까지. 특히 테스트 코드를 TDD

   방식으로 진행한 게 코드 품질에 좋았던 것 같습니다.

  AI가 짜고 제가 리뷰하고 수정하는 방식으로 진행했는데, 덕분에 혼자 했으면 포기했을 기능들도 많이 넣을 수 있었습니다.

  사용 예시

  ----------------

  - 쇼핑몰 상품 비교용으로 저장해두고 나중에 한번에 비교

  - 요리 레시피 모아두기

  - 읽고 싶은 아티클 저장해두고 출퇴근 중에 읽기

  - 인테리어 참고용 이미지 태그별로 정리

  - 나중에 볼 유튜브 영상

  다운로드

  ----------------

  https://play.google.com/store/apps/details?id=com.hakari.hakari_app

  현재 10여 명 다운로드했습니다. 조심스럽게 시작해봅니다.

  마무리

  ----------------

  사용해보시고 피드백이나 개선사항 있으시면 댓글로 알려주세요.

  Claude Code 써봤는데 어떠했는지 궁금하신 분도 질문 환영합니다.

  감사합니다.