[이태경] Sprint9/Refactor

[LeeTaegyung]

요구사항

기본

• ‘로고’ 버튼을 클릭하면 ‘/’ 페이지로 이동합니다. (새로고침)
• 진행 중인 할 일과 완료된 할 일을 나누어 볼 수 있습니다.
• 상단 입력창에 할 일 텍스트를 입력하고 추가하기 버튼을 클릭하거나 엔터를 치면 할 일을 새로 생성합니다.
• 진행 중 할 일 항목의 왼쪽 버튼을 클릭하면 체크 표시가 되면서 완료 상태가 됩니다.
• 완료된 할 일 항목의 왼쪽 버튼을 다시 클릭하면 체크 표시가 사라지면서 진행 중 상태가 됩니다.

주요 변경사항

• 투두리스트에서만 사용되는 Empty 관련 컴포넌트 /app/_components/Empty 폴더로 위치 이동
• 투두 추가시 router.refresh()로 데이터 동기화 하는 코드를 서버 액션과 revalidateTag 조합으로 변경

스크린샷

멘토에게

• 바로 미션10으로 넘어갈까 하다가... 궁금한게 있어서 코드리뷰 요청드립니다.
• 이전 코드 리뷰에서 Empty 관련해서 route group과 private folder 언급을 해주셔서 파일 위치를 이동을 해보았는데요. 이러고 나니깐 넥스트는 폴더구조를 보통 어떻게 구성하는지 좀 헷갈리더라구요.
  검색을 해봤을 땐 프로젝트의 규모에 따라 다르겠지만 app 폴더와 형제 폴더로 components, api, ... 이런식으로 사용한다는 포스팅을 보기도 했었고, 큰 규모로 가면 feature 폴더를 추가하기도 한다고 봤었어요. 참고했던 포스트 입니다!
  그래서 강사님이 route group과 private folder를 언급 해주셨을 때 좀 혼란이 오기도 했었습니다! 말씀하셨던 뜻이 이렇게 진행을 하라고 하셨던게 맞는지도 궁금하기도 하구요 ㅎㅎ 곧 있으면 심화 프로젝트에 들어가기도 해서 혹시 넥스트로 진행을 하게 된다면 폴더 구조를 어떻게 짜는게 좋을지 혹시 참고할만한 글이 있을지 (구글링을 했을 땐 거의 첨부 드린 링크랑 내용이 거의 비슷했어요 ㅎㅎ) 궁금합니다!
• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.