Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[윤대호] week19 #555

Conversation

aowjarkwk
Copy link
Collaborator

@aowjarkwk aowjarkwk commented Jan 14, 2024

요구사항

https://a1b2c3d4zzzzzznextts.vercel.app

기본

  • [프로젝트 전반] https://bootcamp-api.codeit.kr/docs/linkbrary/v1 문서를 참고해 https://bootcamp-api.codeit.kr/api/linkbrary/v1 api를 활용했나요?

  • [프로젝트 전반] api 요청에 TanStack React Query를 활용했나요?

  • [로그인, 회원가입 페이지] 로그인은 POST ‘/auth/sign-in’ 을 활용했나요?

  • [로그인, 회원가입 페이지] 회원가입은 POST ‘/auth/sign-up’ 을 활용했나요?

  • [로그인, 회원가입 페이지] 이메일 중복확인은 POST ‘/users/check-email’ 을 활용했나요?

  • [링크 공유 페이지] 폴더의 정보는 GET ‘/folders/{folderId}’, 폴더 소유자의 정보는 GET ‘/users/{userId}’를 활용했나요?

  • [링크 공유 페이지] 폴더의 링크 데이터는 GET ‘/folders/{folderId}/links’ 를 활용했나요?

  • [링크 공유 페이지] 유효한 access token이 있는 경우 GET ‘/users’ 로 현재 로그인한 유저 정보를 받아 상단 네비게이션 유저 프로필을 보여 주나요?

  • [링크 공유 페이지] 유효한 access token이 없는 경우 “로그인” 버튼을 보여 주나요?

  • [폴더 페이지] 폴더 페이지에서 현재 유저의 폴더 목록 데이터는 GET ‘/folders’ 를 활용했나요?

  • [폴더 페이지] 폴더 페이지에서 전체 링크 데이터를 받아올 때 GET ‘/links’, 특정 폴더의 링크를 받아올 때 GET ‘/folders/{folderId}/links’를 활용했나요?

  • [모달] 폴더 이름 변경은 ‘PUT /folders/{folderId}’를 활용했나요?

  • [모달] 폴더 생성은 ‘POST /folders’를 활용했나요?

  • [모달] 폴더 삭제는 ‘DELETE /folders/{folderId}’를 활용했나요?

  • [모달] 링크 삭제는 ‘DELETE /links/{linkId}’를 활용했나요?

  • [모달] 링크 생성은 ‘POST /links’를 활용했나요?

주요 변경사항

  • TanStack React Query를 적용했습니다.
  • NextAuth를 적용했습니다.

멘토에게

  • nextAuth를 적용해보았는데 페이지 이동할때마다 네트워크탭에 토큰이 보입니다.. 이래도 되는걸까요..? ㅜ
  • 그동안 정말 감사했습니다 🥺

@aowjarkwk aowjarkwk requested a review from devym-37 January 14, 2024 11:16
@aowjarkwk aowjarkwk self-assigned this Jan 14, 2024
@aowjarkwk aowjarkwk added the 순한맛🐑  마음이 많이 여립니다.. label Jan 14, 2024
Copy link
Collaborator

@devym-37 devym-37 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

잘 작성해주셨습니다.
useQuery를 매 컴포넌트마다 호출 중이신데, 보통 공통적인 query 설정은 QueryClientProvider 에 queryClient에서 설정하긴 합니다. 해당 부분이 있으시다면, _app.tsx에서 설정하시면 좋을 것 같습니다.
고생하셨습니다. 👍🏻

onSuccess: () => {
Object.keys(selectedFolders)
.map(String)
.forEach((folderId) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

순회만 하신다면, forEach로만 사용하셔도 되지 않을까요 ?

enabled: !!selectedFolderId,
staleTime: 60 * 1000 * 3,
gcTime: 60 * 1000 * 3,
});
const [searchQuery, setSearchQuery] = useState("");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

staleTime / gcTime이 반복적으로 동일한 값을 설정하신 것 같습니다. 그렇다면 따로 변수로 분리해서 관리하셔도 좋을 것 같습니다

if (response.status === 204) {
return null;
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

200번대는 보통 성공으로 보긴하는데, 해당 api의 경우 성공조건이 아닌걸가요 ?

@devym-37 devym-37 merged commit bd33e85 into codeit-bootcamp-frontend:part3-윤대호 Jan 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
순한맛🐑  마음이 많이 여립니다..
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants