두딘캘린더

• 두 사람이 쓰는 비공개 서비스

  접근을 제한하면서 여러 기기에서 사용하도록 PWA와 Cloudflare 기반으로 구성했습니다. 텍스트는 브라우저에서 암호화하고 사진·동영상 원본은 인증 API와 비공개 R2 저장소로 보호합니다. 날짜와 종류처럼 조회에 필요한 정보는 서버가 다루도록 구분했습니다.

• 일정에서 기록으로 이어지는 흐름

  일정 메모를 다시 입력하지 않도록 기록으로 전환할 때 초기 내용으로 가져왔습니다. 전환 후에는 각각 수정할 수 있도록 분리했습니다. 데이터 조회와 갱신은 TanStack Query, 날짜·필터·상세 대상은 URL, 저장 전 입력은 React Hook Form에서 관리합니다.

• 저장 충돌과 불필요한 요청 처리

  두 사람이 같은 내용을 수정할 때는 버전을 비교해 충돌을 확인하고, 저장 응답이 유실돼 생성 요청을 다시 보내도 항목이 중복되지 않도록 처리했습니다. 홈 사진과 썸네일은 세션별 메모리 캐시에서 재사용해 구도만 바뀌었을 때 파일을 다시 요청하지 않도록 했습니다. 연결 해제 시 캐시를 정리하고 이동할 화면의 기본 구조도 미리 불러옵니다.

실제 사용에서 시작한 개선

둘이 직접 사용하면서 편집 흐름을 정리했고, 받은 피드백을 바탕으로 댓글·반응과 알림 기능을 추가했습니다.

• 편집 화면과 장소 조작 정리

  처음에는 시간·장소·메모 등 모든 입력 항목이 한 화면에 펼쳐져 있었습니다. 입력란이 많아 화면이 복잡했고 아이폰 기본 입력 컨트롤도 자주 나타났습니다. 기본 입력만 남기고 나머지는 칩을 눌러 필요한 항목을 추가하도록 바꿨습니다.여러 입력란을 한 화면에→필요한 항목만 칩으로 추가일정과 기록의 편집 방식을 맞추고, 장소를 찾는 과정과 선택한 장소를 관리하는 과정도 분리했습니다.

  

• 기록에 댓글과 반응 추가

  처음에는 두 사람이 하나의 메모를 함께 수정할 수 있었지만 서로 주고받는 느낌은 부족했습니다. 각자의 댓글과 이모지 반응을 추가하고, 새 댓글을 알 수 있도록 푸시 알림도 연결했습니다.함께 수정하는 메모→댓글 · 반응 · 알림댓글은 기록 상세에 모으고 수정·삭제는 작성자 메뉴로 정리했습니다. 댓글과 반응도 암호화하면서 기존 데이터와 백업의 호환성을 유지했습니다.