Skip to content

[5주차/챈니] 워크북 제출합니다.#49

Open
12234538 wants to merge 5 commits intoUMC-Inha:챈니/mainfrom
12234538:main
Open

[5주차/챈니] 워크북 제출합니다.#49
12234538 wants to merge 5 commits intoUMC-Inha:챈니/mainfrom
12234538:main

Conversation

@12234538
Copy link
Copy Markdown

@12234538 12234538 commented Apr 29, 2026

✅ 워크북 체크리스트

  • 모든 핵심 키워드 정리를 마쳤나요?
  • 핵심 키워드에 대해 완벽히 이해하셨나요?
  • 이론 학습 이후 직접 실습을 해보는 시간을 가졌나요?
  • 미션을 수행하셨나요?
  • 미션을 기록하셨나요?

✅ 컨벤션 체크리스트

  • 디렉토리 구조 컨벤션을 잘 지켰나요?
  • pr 제목을 컨벤션에 맞게 작성하였나요?
  • pr에 해당되는 이슈를 연결하였나요?(중요)
  • 적절한 라벨을 설정하였나요?
  • 파트장에게 code review를 요청하기 위해 reviewer를 등록하였나요?
  • 닉네임/main 브랜치의 최신 상태를 반영하고 있는지 확인했나요?(매우 중요!)

📌 주안점

Comment thread mission/chapter05/mission_3/src/hooks/useForm.ts Outdated
Comment thread mission/chapter05/mission_3/src/pages/GoogleCallBackPage.tsx Outdated
});

// 회원가입 성공 → 로그인 페이지로 이동
alert('회원가입 성공! 로그인 해주세요 😊');
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

전반적으로 잘 짜주신 것 같아요 !
다만 현재 회원가입 성공/실패 피드백이 브라우저 기본 alert로 표시되는데, alert는 브라우저마다 스타일이 다르고 페이지 UI와 동떨어진 디자인으로 보이는 경우가 많아 UX적으로는 아쉬움이 있을 수 있다고 생각합니다 😊
여유가 되시면 alert를 모달로 수정해보셔도 좋을 것 같습니다 ㅎㅎ

Comment on lines +41 to +52
<button
onClick={() => navigate('/login')}
className="px-4 py-2 text-sm border border-gray-300 rounded-md hover:bg-gray-100 transition-colors"
>
로그인
</button>
<button
onClick={() => navigate('/signup')}
className="px-4 py-2 text-sm bg-blue-300 text-white rounded-md hover:bg-blue-500 transition-colors"
>
회원가입
</button>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

button을 따로 컴포넌트로 분리하여 중복 스타일, 코드 등을 제거해도 좋을 것 같아요! button뿐만 아니라 input 등 based components도 분리하면 좋답니다!

Copy link
Copy Markdown
Collaborator

@qkrdmsthff qkrdmsthff left a comment

Choose a reason for hiding this comment

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

LGTM 챈니 이번주도 화이팅입니다!

import axios from 'axios';

const axiosInstance = axios.create({
baseURL: 'http://localhost:8000/v1',
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

baseURL 을 하드코딩 하는 것보다 .env 파일에 넣어서 관리하는 것이배포 환경이 바뀔 때에 따라 유연하게 대처할 수 있어요!

},
);

export default axiosInstance;
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

현재 코드의 경우, 3개의 요청이 모두 401 에러를 받으면 /refresh 또한 세 번이 호출되게 됩니다! 이는 서버 부하를 유발할 수 있고, 서버 설정에 따라 refreshToken 이 일회용일 경우 첫 번째 이후의 요청은 모두 실패하게 됩니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Chapter05_리프레시 토큰 기반의 안전한 접근 제어 전략과 소셜 로그인

5 participants