1 분 소요

이미지

Project

React 개인 프로젝트 Form Data 수정

React 개인 프로젝트

Form Data 수정

복용 주기

n일 마다, O요일마다 나타내는 것 변경

복용 시간 및 복용량 추가

로직을 어떻게 해야 할지 감이 잘 오지 않는다.

일단 복용시간, 복용량 추가하는 것까지는 했다.

form data를 db에 저장하는 것까지 완성.

uuid

복용 시간, 복용량을 담은 객체를 추가할 때 삭제 기능도 있어야 하기 때문에 id가 필요했다.

index를 임시로 쓴다해도 삭제하면 바로 그 id와 index가 달라지므로 unique id를 생성해야 한다고 생각했다.

unique id는 uuid 라이브러리를 이용하였다.

uuid란?

범용고유식별자(UUID)이며 국제기구에서 표준으로 정하고 있다.

UUID 표준에 따라 이름을 부여하면 고유성을 완벽하게 보장할 수는 없지만 실제 사용상에서 중복될 가능성이 거의 없다고 인정되기 때문에 많이 사용되고 있다.

[참고] https://velog.io/@xpmxf4/%EC%95%84%EC%9D%B4%EB%94%94%EC%97%90-%EA%B3%A0%EC%9C%A0-%EA%B0%92-%EC%A3%BC%EA%B8%B0

깨달음과 멘탈 붕괴

하지만, 지금 db 설계가 완전히 잘 못 되어 있는 것을 느끼고 있다.

아예 기획부터 다시 해야할 수도 있을 듯 하다.

지금 복용시간과 복용량을 그 양/영양제 마다 여러개를 가지고 있는데,

PillSetting page에서는 약/영양제를 리스트로 보여주어야 하지만

Home page에서는 약/영양제 그냥 리스트가 아닌, 그 약/영양제 마다의 시간을 따로따로 나누어서 보여주어야 한다.

지금 그렇게 하려면 배열 map안에 map이 들어갈 것 같아서 이건 좀 아닌 것 같았다.

그리고, form Data 또한 완벽하게 하지 못했다. 이상하게 시간과 복용량을 추가하는 데에 애를 먹었다.

내가 부족한 탓이겠지..

이제 바로 팀 프로젝트를 시작해야 하는데 이 개인 프로젝트는 포트폴리오에 못 실을 수도 있겠다고 생각한다….ㅠ

할 것

  • form data 변경 마무리 (중요)

  • 그 다음에 오늘 먹어야 하는 것들만 보여주기 (아마 dayJS를 사용하는 것이 좋을 것 같다.)
  • 시간 순서대로 Today에 나타내기
  • 그 다음에 이번주에 먹을 것들 동적으로 보여주기 (먼저 form에서 며칠마다, 요일마다 입력 받는 것도 제대로 구현해야함)
  • 오늘 먹을 것 리스트 밀어서 먹는(완료하기) 기능 추가

  • 구글 로그인 구현

댓글남기기