운세 조회 및 운세 뽑기 페이지 리팩토링

[kimcodell]

1. 운세결과에 대한 상태값이 단일 변수들로 관리되고 있음. -> 이미 fortune 상태값에 데이터를 가지고 있기 때문에 또 별도의 상태를 만들어 관리할 필요가 없을 것 같음. -> fortune 하나의 상태값만 관리하고 해당 변수에서 각 카테고리별 운세 내용을 파싱
2. 현재 구조는 루틴 카테고리가 추가되거나 수정될 때 확장성과 재사용성이 떨어지는 구조. -> 루틴 카테고리 목록이 변경되더라도 쉽게 반영할 수 있도록 구조 수정 필요
3. 로그인 하지 않은 상태로 운세 페이지에 접근시 불필요한 데이터 fetching을 진행하고 오류를 받음. -> 로그인 하지 않은 상태에서는 로그인 페이지로 리다이렉트 하기 전까지 로딩 화면을 보여주고, 필요없는 데이터 fetch 시도를 하지 않도록 수정 필요
4. 운세 뽑기 후 새로고침하는 코드 불필요 -> 뽑기 결과를 fortune 상태값에 저장하므로, 해당 상태값에 따라 UI 리렌더링 처리 필요
5. 운세 뽑기 버튼 더블 클릭 시, 여러번 뽑기 요청을 수행 -> loading state를 추가하여 여러 번 호출하지 않도록 block 처리 필요

• 1번
• 2번
• 3번
• 4번
• 5번