[FE] 카드 수정 기능

[hjsong333]

구현할 기능

• 카드 내용을 수정하는 기능

상세 작업 내용

• 카드의 수정 버튼을 누르면 edit 모드 카드로 전환한다.
• 취소 버튼을 누르면 edit 모드가 풀린다.
• 제목이나 내용 중 하나라도 모두 삭제하면 저장 버튼이 비활성화 된다.
• 저장 버튼을 누르면 변경사항이 반영된 카드로 바뀐다.

[hjsong333]

Todo.-.Chrome.2023-07-19.04-54-36.mp4

현상

id가 동일한 별개의 카드가 수정되는 현상이 보인다.

의문

• 실제 서버에서 오는 데이터 중 id가 동일한 카드가 존재하는가?
• 있다면 카드 수정 API에 category id를 추가적으로 전달하게 수정해야할 것 같다.

[hjsong333]

🤔 App 전체에서 CardForm이 1개만 생기는 조건에 대한 고민

일반적인 동작이라고 생각하고 추가했다.
하지만 카드 추가 중에 다른 카드를 수정하려고 하면 기존에 작성하던 내용이 사라지는 게 불편할 것 같다는 피드백을 받았다.