전역으로 상태관리하는 방법

1. recoil, jotai, redux
2. 필요하다면 jotai 채택해서 적용시켜도 괜찮을 듯하다 (recoil은 관리자가 해고 당해서 업데이트가 안되는 듯 ?)

package.json 에서 충돌문제

1. AXIOS가 사라진 문제 발견 그

글로벌 스타일과 같이 있는 모달 파일이 위치가 어색하다

1. 일반 모달과 같이 관리하는게 좋아보인다

CreditStatus.jsx

1. 로컬스토리지에서 크레딧스테이터스가 재사용 될 때마다 랜더링이 계속 된다
2. 이를 유즈이펙트나 훅, 또는 유틸을 만들어서 관리하는게 좋아보인다

SupportModal.jsx

1. disabled와 에러 변경이 동일하다
2. 유즈이펙트 불필요하다

DonationItem.jsx

1. 공통컴포넌트가 많이 없다 (텍스트 / 버튼 등)
2. 페이지 사이즈에 삼항연산자 정용

DonationList.jsx

1. 프론트엔드는 서버의 데이터를 직접 정렬하거나 데이터 전체를 받아오는 경우는 매우 드물다
2. 버튼 disabled → 변수로 만들어 주는 게 좋다
3. 반응형디자인은 자바스크립트보다 css쪽 활용이 더 좋아보인다

공통컴포넌트 <Button>

1. 일반적으로는 width, height를 직접 주는게 아니라 small, medium 등 크기로 설정하는 게 보편적이다.
2. 현재 프로젝트에서는 적용이 잘 안되서 알고만 있자

공용컴포넌트화

1. 공통컴포넌트는 UI만 있는 컴포넌트를 만드는 게 목적
   1. GenderToggleButton → 성별이 있어야지만 사용 가능한 재사용성 떨어지는 컴포넌트
   2. ToggleButton → 재사용성 높은 토글버튼 (예시로는 gender 대신 inactive 활용하셨음)