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

[이형준]sprint11 #310

Merged

Conversation

leehj322
Copy link
Collaborator

@leehj322 leehj322 commented Aug 23, 2024

사이트 배포 링크

요구사항

피그마 링크

기본 요구사항

  • Github에 PR(Pull Request)을 만들어서 미션을 제출합니다.
  • 피그마 디자인에 맞게 페이지를 만들어 주세요.
  • 기존의 스프린트 미션8에 이어서 React, TypeScript를 사용합니다. → Next.js에 이어서 진행

체크리스트 (기본)

회원가입

  • 유효한 정보를 입력하고 스웨거에 명세된 "/auth/signUp"으로 POST 요청해서 성공 응답을 받으면 회원가입이 완료됩니다.
  • 회원가입이 완료되면 "/login"로 이동합니다.
  • 회원가입 페이지에 접근시 로컬 스토리지에 accessToken이 있는 경우 "/" 페이지로 이동합니다.

로그인

  • 회원가입을 성공한 정보를 입력하고 스웨거에 명세된 "/auth/signIn"으로 POST 요청을 하면 로그인이 완료됩니다./
  • 로그인이 완료되면 로컬 스토리지에 accessToken을 저장하고 "/"로 이동합니다.
  • 로그인/회원가입 페이지에 접근시 로컬 스토리지에 accessToken이 있는 경우 "/" 페이지로 이동합니다.

메인

  • 로컬 스토리지에 accessToken이 있는 경우 상단바 "로그인" 버튼이 판다 이미지로 바뀝니다.

피드백 반영

  • api 요청과 로직 분리하기
  • 로컬스토리지에 토큰을 저장 제거하는 과정을 api 요청 함수에서 빼서 구현 → 이후에 추상화 예정
  • 컴포넌트 props에서 함수를 () => void로 리팩토링하기

추가 예정 사항

  • 로그인, 회원가입 입력 값 validation 검사
  • validation 검사 이후 submit button disabled 로직 변경
  • 로그아웃 기능 구현
  • LoginForm, SignUpForm 쪽 추상화
  • usePageSize 파라미터 객체로 수정
  • post와 post detail의 comments 무한 스크롤 구현

주요 변경사항

  • 로그인, 회원가입 페이지 구현 중입니다

멘토에게

  • 마찬가지로 주말 동안에 최대한 수정해서 올리도록 하겠습니다!
  • next.config.mjs 파일에 image 관련 설정은 일단 주강사님께 안내받은대로 임시로 설정 하였고 이후에 컴포넌트에서 예외처리 하면서 수정할 예정입니다.

@leehj322 leehj322 requested a review from jyh0521 August 23, 2024 09:53
@leehj322 leehj322 added 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. 미완성🫠 죄송합니다.. labels Aug 23, 2024
@leehj322 leehj322 changed the title [sprint11]이형준 [이형준]sprint11 Aug 23, 2024
Copy link
Collaborator

@jyh0521 jyh0521 left a comment

Choose a reason for hiding this comment

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

컴포넌트를 잘 쪼개서 signup 페이지와 login 페이지를 레고 조립하듯이 설계하신 점이 좋아보이네요! 과제 하느라 고생하셨습니다~

} catch (error) {
console.log(error);
console.error(error);
Copy link
Collaborator

Choose a reason for hiding this comment

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

console.error 반영해주신거 좋네요 :)

@@ -27,7 +27,7 @@ const onErrorResponse = async (error: AxiosError | Error) => {

switch (status) {
case 400: {
alert("입력한 정보가 올바르지 않습니다.");
alert(data.message);
Copy link
Collaborator

Choose a reason for hiding this comment

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

시간이 되신다면 alert을 나타내는 ui를 반영해보시는 것도 추천드려요!

@@ -11,7 +11,7 @@ const NAV_MENU_INFO = [

export default function GlobalNavBar() {
const { pathname } = useRouter();
const isMain = pathname === "/" ? true : false;
const isMain = pathname === "/";
Copy link
Collaborator

Choose a reason for hiding this comment

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

연산자 줄여주신거 좋네요!

Comment on lines +16 to +17
const currentTargetId = e.target.id;
const currentValue = e.target.value;
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기도 밑에서 사용하신 것 처럼 구조분해 할당을 활용하는 방법도 추천드립니다!

@jyh0521 jyh0521 merged commit 318473b into codeit-bootcamp-frontend:Next-이형준 Aug 26, 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.

4 participants