Health Log 개발 일지

📝개발 배경

부모님께서 혈당 및 혈압 관리를 위해 매번 측정한 뒤 노트에 직접 수기로 기록하고 계셨습니다. 어플로 관리를 할 수도 있었지만 다음과 같은 이유로 하고 계시지 않으셨습니다.

혈당 및 혈압 기록 외 불필요한 기능(ex. 커뮤니티, 포인트) 등으로 인해 어플을 복잡하게 느끼고 어려워 하셨습니다.
정기적으로 병원 방문하는 날에 혈당 및 혈압 내역을 가져가야하는데, 원하는 날짜만큼 데이터를 추출해서 날짜를 엑셀이나 csv로 데이터 내보내기가 불가능했습니다.

이러한 불편함을 해소하고자 부모님께서 쉽게 사용할 수 있는 UI/UX를 고려하여 직접 개발하게 되었습니다.

2025년 5월 19일 ~ 진행중

Front-end React, Typescript, Next.js, Tailwind CSS, Chart.js, React Query (TanStack Query)

Back-end Supabase

준비중

와일드 카드(*)를 사용하지 않는다.
- 와일드 카드를 사용했을 때 발생할 수 있는 문제
  - 의존성이 숨겨져서 추적이 어려움.
  - 의도치 않게 내부 코드를 유출할 수 있음.
  - 불필요한 모듈을 로드하여 성능을 저하시킬 수 있음.
  - 중복된 이름 사용 여부를 바로 파악할 수 없음.
‘use client’가 사용된 컴포넌트나 클라이언트 사이드에서 동작해야하는 hook, 파일 등은 barrel 파일(index.ts)에 추가하지 않는다.
- "You're importing a component that needs useState" 에러를 방지하기 위함.
서버 사이드에서 동작할 파일만 index.ts에 추가한다