Feat(#153): 심사/제출용 테스트 로그인 버튼 추가

[wonjun6768-dev]

📌 관련 이슈

• Closes [Feat] 심사/제출용 테스트 로그인 버튼 추가 #153

🏷️ PR 타입

• ✨ 기능 추가 (Feature)
• 🐛 버그 수정 (Bug Fix)
• ♻️ 리팩토링 (Refactoring)
• 🎨 스타일 변경 (Style)
• ✅ 테스트 추가 (Test)
• ⚙️ 프로젝트 초기 설정 (Chore)
• 📝 문서 수정 (Documentation)
• 🚨 PR 복구 (Revert)

📝 작업 내용

• 심사 및 포트폴리오 제출 시 카카오 로그인을 우회할 수 있도록 테스트용 고정 JWT 토큰 하드코딩 적용
• useAuthStore의 login 액션에 특정 JWT 토큰을 인자로 전달하여 즉시 인증 상태로 전환 및 memberId를 파싱하도록 로직 수정
• LoginPage 화면 하단에 '테스트 계정으로 시작하기' 텍스트 버튼 추가 및 로그인 핸들러 연동

📸 스크린샷

✅ 체크리스트

• 코드 리뷰를 받을 준비가 완료되었습니다.
• 코드 스타일 가이드를 준수했습니다.
• 셀프 리뷰를 완료했습니다.
• 테스트를 작성하고 모두 통과했습니다.
• 문서를 업데이트했습니다. (필요한 경우)
• CI의 format, lint, build 검사를 모두 통과했습니다.
• 최신 dev 브랜치를 현재 작업 브랜치에 반영했습니다.

🔀 Merge 규칙

• 기능 브랜치에서 dev로 병합할 때는 Squash and merge를 사용합니다.
• 배포 시 dev에서 main으로 병합할 때는 Create a merge commit을 사용합니다.
• Rebase and merge는 사용하지 않습니다.
• CI 통과와 최신 dev 반영을 확인한 후 Merge합니다.

📎 기타 참고사항

• 하드코딩된 테스트 토큰은 만료 기한이 길게 설정된 심사용 임시 토큰입니다. 실제 프로덕션 서버에 배포 시 해당 버튼을 숨김 처리할지 그대로 유지할지 추후 논의가 필요할 수 있습니다.

Summary by CodeRabbit

• 새로운 기능

  • 로그인 페이지에 테스트 로그인 기능과 실행 버튼이 추가되었습니다.
  • 인증 토큰을 사용한 로그인 및 안전한 경로로의 이동을 지원합니다.
  • 토큰의 사용자 정보를 확인해 로그인 상태와 사용자 식별 정보를 설정합니다.

• 버그 수정

  • 잘못된 인증 토큰 입력 시 로그인 상태가 안전하게 초기화되도록 개선했습니다.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: b414331e-0e97-49a1-b5f2-5f248d849b0e

📥 Commits

Reviewing files that changed from the base of the PR and between 773736f and 0bb875a.

📒 Files selected for processing (2)

• src/pages/login/LoginPage.tsx
• src/shared/stores/useAuthStore.ts

---

📝 Walkthrough

Walkthrough

로그인 화면에 테스트 JWT를 사용하는 버튼을 추가했습니다. useAuthStore.login은 JWT의 sub를 memberId로 저장하고 인증 상태를 갱신합니다. 로그인 완료 후 안전한 경로로 이동합니다.

Changes

테스트 계정 로그인

Layer / File(s)	Summary
JWT 인증 상태 처리 src/shared/stores/useAuthStore.ts	login이 선택적 JWT 토큰을 받습니다. 토큰의 payload에서 sub를 읽어 memberId를 저장합니다. 파싱에 실패하면 오류를 기록하고 memberId를 null로 설정합니다.
로그인 화면 테스트 계정 진입 src/pages/login/LoginPage.tsx	고정 테스트 JWT와 handleTestLogin을 추가했습니다. “테스트 계정으로 시작하기” 버튼은 테스트 로그인 후 안전한 경로로 이동합니다.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Mergeability Score: 🟡 Moderate · up to 0bb87

The change adds a publicly available test login using a reusable credential. If included in production, anyone could enter the test account until the credential expires or is revoked, so production exclusion or clearly bounded permissions and lifecycle controls should be confirmed before merging.

Sequence Diagram(s)

sequenceDiagram
  participant 평가자
  participant LoginPage
  participant useAuthStore
  participant Router
  평가자->>LoginPage: 테스트 계정으로 시작하기 클릭
  LoginPage->>useAuthStore: 테스트 JWT로 login(token) 호출
  useAuthStore->>useAuthStore: JWT payload에서 sub 추출
  useAuthStore-->>LoginPage: 인증 상태와 memberId 저장
  LoginPage->>Router: 안전한 경로로 이동

Loading

Possibly related PRs

• Stology/FE#42: LoginPage.tsx의 기존 로그인 흐름을 확장합니다.
• Stology/FE#79: useAuthStore.login을 확장합니다.
• Stology/FE#101: LoginPage.tsx와 useAuthStore.ts의 인증 흐름과 관련됩니다.

Suggested reviewers: bigsanghyeok

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	제목이 심사 및 제출용 테스트 로그인 버튼 추가라는 주요 변경 사항을 정확하고 간결하게 설명합니다.
Description check	✅ Passed	관련 이슈, 변경 내용, 스크린샷, PR 유형, 체크리스트를 포함해 템플릿을 대부분 충족합니다.
Linked Issues check	✅ Passed	로그인 버튼, 고정 JWT 주입, 인증 상태 및 memberId 설정, 로그인 후 리다이렉트를 구현해 이슈 #153의 목표를 충족합니다.
Out of Scope Changes check	✅ Passed	변경 사항은 테스트 로그인 버튼과 JWT 기반 인증 처리에 한정되며, 이슈 #153과 무관한 변경은 확인되지 않습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[mint0326]

확인했습니다