[REFACTOR] react-router-dom의 data API를 활용한 router.tsx 리팩토링

[nijuy]

ISSUE ✅ : REFACTOR

📖 DESCRIPTION

쭌이 적어준 이것
(loader action 등 data API는 v6.4부터 도입됨! / v6.21.0 사용 중이라 버전업은 안 해도 됩니다)

RFC (Request for Comments)

는 의견을 요청하는 문서라는 뜻입니다

어떤 방향의 리팩토링을 진행하면 좋을지 사진만 보면 약간 크게 느껴질 수 있을 거 같아서 섹션을 만들어봤습니다
숨쉴의 이런 부분에 이 기능을 써보면 좋겠다 정도의 구체적인 의견이 필요할 거 같아요 🤔..?!
이슈 제안해준 @2wndrhs 씨,,, 많관부,,,,,,,,,

저도 data API 사용해본 적이 없어서 살~짝 검색을 하다가 도도씨 블로그에서 발견한 글 참고용으로 달아둘게요
➡️ React Query meets React Router (링크 들어가면 한국어 번역본도 있어요)

ETC

(혹시 못 보신 분이 있을까봐! 노션 내용 살짝 옮겨둡니다)
지난 주 회의록에 숨조가 router, tanstack 부분에 손바닥 두 개 달아줬는데 우선 하나 먼저 맡아서 진행하고,
나머지 하나는 희망하는 분 없으면 이어서 진행한다는 의미이기 때문에,
깃헙 이슈 칸에서 숨조가 맡지 않은 작업 중에 이거 내가 해보고 싶다! 하시면 자유롭게 assignees에 본인 계정 넣어주세요~~

---

아래 내용은 어느 정도 가닥이 잡히면 담당자가 채워줄 부분

AS-IS

TO-BE

TODO

• [ ]