결제수단 관리 레이아웃 구현

[namda-on]

Issue Number

관련 이슈 : #135

변경사항

• 오른쪽 상단의 + 버튼 클릭시 하단에 input component 마운트
• 수정 button 클릭시 해당 component가 input component로 변화

작업 유형

• [x] 신규 기능 추가
• [ ] 버그 수정
• [ ] 리펙토링
• [ ] 문서 업데이트

체크리스트

• [x] Merge 하는 브랜치가 올바른가?
• [x] 코딩컨벤션을 준수하는가?
• [x] PR과 관련없는 변경사항이 없는가?
• [x] 내 코드에 대한 자기 검토가 되었는가?
• [ ] 변경사항이 효과적이거나 동작이 작동한다는 것을 보증하는 테스트를 추가하였는가?
• [ ] 새로운 테스트와 기존의 테스트가 변경사항에 대해 만족하는가?

@boostcamp-2020/accountbook_mentor

[changheedev]

아직 코드는 보기 전이지만 레이아웃은 깔끔하고 너무 좋습니다 :)

각 항목들이 서로 붙을거라면 대시보드에서 최근 내역을 처리하는 것처럼 border 관련 속성을 가장 밖에서 감싸는 div에만 주는게 좋은 것 같습니다.

[changheedev]

레이아웃을 보면서 드는 생각은 추가를 하기 위해서 상단의 + 버튼을 누르고 하단으로 내려와 입력을 하는 흐름이 되는데 사용자경험 측면에서는 + 버튼이 리스트의 하단에 있고 누르면 그 자리에 입력 영역이 생기는 게 더 좋지 않을까라는 생각이 드네요 🤔