[Refactor] 질문지 리스트 페이지 리팩토링 및 스크랩, 공유하기 기능

[ShipFriend0516]

Note

질문지 리스트 페이지를 리팩토링했습니다. 폴더 구조를 상의한 대로 pages 폴더 내부에 페이지별로 폴더를 만들고 하위에 종속적인 요소들을 배치하는 방식을 사용했습니다.

• close 질문지를 공유할 수 있다. #290
• close 공개적으로 설정한 질문지 리스트는 다른 사람이 보고 저장할 수 있다. #40
• close 질문지는 리스트 페이지에서 조회 할 수 있다. #36
• close 피면접자는 질문지를 사전에 생성해서, 면접 스터디룸을 만들 때 불러올 수 있다. #37
• close 로그인한 사용자는 자신만의 리스트를 만들어서 저장할 수 있다. #38

✅ 체크리스트

• 코드가 정상적으로 작동하는지 확인했습니다.
• 주요 변경사항에 대한 설명을 작성했습니다.
• 코드 스타일 가이드에 따라 코드를 작성했습니다.

🧩 작업 내용

• 질문지 리스트 페이지 리팩토링
• 질문지 상세 페이지 다크모드 수정
• 질문지 카테고리 검색 훅으로 분리
• 조회 API 리액트 쿼리로 변경 및 분리
• 질문지 스크랩, 언스크랩 기능 구현
• 질문지 공유하기 기능 구현
• 질문지 로딩, 에러처리 강화
• 세션 생성시 연결된 질문지에 대해 usage 증가 렌더링
• 질문지 상세, 생성 페이지 사이드바 래핑

📝 작업 상세 내역

질문지 리스트 UI 변경

• 세션 리스트 페이지와 마찬가지로 최대 너비를 max-w-7xl로 바꿨습니다. 반응형을 지원하기 때문에 이전과 큰 체감은 없을 것 같습니다.

폴더 구조 변경

폴더 구조를 상의했던대로 변경해봤습니다.

스크랩 기능

공유 기능

공유하기 버튼을 누르면 현재 주소를 복사하는 기능을 추가했습니다.

🐥 리뷰 받고 싶은 포인트(선택)

• questionItem에서 Q를 왼쪽에 공간을 두고 인라인 느낌으로 바꾸는게 가독성이 좋을 것 같아서 변경해봤습니다. 긴 질문에 대해서도 생각해봤는데 Q를 일정 공간 차지하도록 하니 가독성을 나쁘지 않은 것 같습니다. 의견 궁금합니다!
  

[yiseungyun]

MZTM ~ 👍
(MZ is toomimmem !?)

질문 페이지 작업 수고하셨습니다!

Q1. 이렇게 해두고 옆에 질문만 사이즈를 줄이거나 굵기는 좀 얇게하면 좋을거 같네요~

[ShipFriend0516]

MZTM ~ 👍 (MZ is toomimmem !?)

질문 페이지 작업 수고하셨습니다!

Q1. 이렇게 해두고 옆에 질문만 사이즈를 줄이거나 굵기는 좀 얇게하면 좋을거 같네요~

확인했습ㄴ디ㅏ~!