feat: 체험 로그인 로직 추가(#243)

[lywoo00]

📌 PR 개요

• 체험 로그인 로직 추가

🔍 관련 이슈

• Closes [FEAT] 샘플 pr주소로 체험하기 프로세스 구현 #243

🔧 변경 유형

해당하는 항목에 체크해주세요.

• ✨ feat (새 기능 추가)
• 🐛 fix (버그 수정)
• 📝 docs (문서 수정)
• 🎨 style (코드 스타일 변경)
• ♻️ refactor (리팩토링)
• ✅ test (테스트 코드)
• 🛠 chore (빌드/환경설정)

✨ 변경 사항

• 주요 변경 내용을 리스트로 정리해주세요.

ex

• 로그인 API 연동 (/api/login) 추가
• 로그인 폼에서 이메일/비밀번호 유효성 검사 로직 추가
• 로그인 성공 시 JWT 토큰을 localStorage에 저장하도록 수정
• UI: 로그인 버튼 클릭 시 로딩 스피너 추가

📝 PR 제목 규칙

PR 제목은 커밋 컨벤션을 따라야 합니다.
ex) feat: 롤링페이퍼 작성 기능 추가 (#15)

✅ 체크리스트

• 코드가 정상 동작함
• 빌드 및 실행 확인 완료
• 리뷰어가 이해하기 쉽게 변경 이유를 설명했음

📸 스크린샷 (선택)

• UI 변경이 있다면 캡처 이미지 첨부

🤝 기타 참고 사항

• 리뷰어가 참고하면 좋을 추가 맥락(설계 의도, 제약사항 등)

Summary by CodeRabbit

릴리스 노트

• 새 기능

  • 게스트 로그인 기능 추가
  • 게스트 사용자 기능 제한 (문서 저장, 모드 변경 불가)
  • 풀 요청 링크 시도 기능 추가
  • 로그인 필수 요구사항 추가

• 스타일

  • 피드 카드 타이포그래피 및 간격 개선
  • 모달 확인 버튼 스타일 개선

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dev-craft	Ready	Preview, Comment	Mar 9, 2026 2:33pm

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

게스트 사용자 로그인 기능을 추가하여 GitHub 없이 플랫폼을 체험할 수 있도록 구현했습니다. 게스트 로그인 API 엔드포인트, UI 버튼, 접근 제어 가드를 도입하고 문서 저장 및 PR 링크 분석 시 사용자 인증을 요구합니다.

Changes

Cohort / File(s)	Summary
게스트 로그인 API src/app/api/auth/guest/route.ts	고정된 게스트 사용자 ID로 접근 토큰을 생성하고 httpOnly, secure 쿠키로 설정하는 POST 핸들러 추가
헤더 UI 및 인증 src/shared/ui/Header.tsx, src/shared/ui/modal/modalApi.tsx	게스트 로그인 버튼 추가 및 handleGuestLogin 함수 구현; 모달 확인 버튼에 풀-위드 스타일 적용
접근 제어 가드 src/features/document/ui/DocumentWrap.tsx, src/features/github/ui/PullRequestWrap.tsx	useMe 훅으로 사용자 데이터 확인 후 미로그인 사용자에게 알림 표시하고 작업 중단; PullRequestWrap에 게스트 사용자 ID 확인 로직 추가
샘플 PR 체험 기능 src/features/github/ui/PullRequestLink.tsx	HandleGenerateFormLink 함수 시그니처 변경 및 handleTry 메서드 추가로 샘플 PR 주소로 기능 체험 가능
UI 스타일 업데이트 src/features/feed/FeedCard.tsx	타이틀, 콘텐츠, 메타데이터 텍스트 크기 및 패딩 증가

Sequence Diagram(s)

sequenceDiagram
    participant User as 사용자
    participant Header as Header UI
    participant API as /api/auth/guest
    participant DB as 데이터 저장소
    participant App as 앱

    User->>Header: 체험 로그인 버튼 클릭
    Header->>API: POST /api/auth/guest
    API->>DB: 고정 게스트 ID로 접근 토큰 생성
    DB-->>API: 접근 토큰 반환
    API->>Header: 토큰 쿠키 설정 + 200 응답
    Header->>App: 페이지 새로고침
    App-->>User: 게스트 로그인 완료

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• feat: pr 선택 및 문서 생성 기능 구현, UI 컴포넌트 개선 (#122) #123: 동일 컴포넌트들(DocumentWrap, PullRequestWrap, PullRequestLink)에서 인증 관련 로직을 추가/수정하여 코드 레벨에서 직접적으로 연관됨
• feat: header nav 추가, active 추가 (#240) #241: Header.tsx에 네비게이션 및 게스트 로그인 기능을 함께 수정하므로 코드 레벨에서 연관됨
• feat: pr 변경 영향도 영역 구현 (#36) #135: PullRequestLink.tsx와 DocumentWrap.tsx를 동시에 수정하며 핸들러와 저장소 사용을 변경하므로 관련됨

Poem

🐰 게스트 사용자여, 로그인 없이도 놀아라!
PR을 체험하고, 샘플로 기뻐하고,
헤더의 버튼이 문을 열어주고,
가드가 지켜주고, 쿠키가 기억해주니
모두의 여정이 시작된다! 🚀

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Out of Scope Changes check	⚠️ Warning	FeedCard.tsx의 UI 스타일 조정(패딩, 타이포그래피)이 연결된 이슈 #243의 범위와 직접적인 관련이 없어 보입니다.	FeedCard.tsx의 스타일 변경사항을 별도 PR로 분리하거나, 이 변경이 체험 로그인 기능과의 관련성을 문서화해주세요.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목이 체험 로그인 로직 추가라는 주요 변경사항을 정확하게 요약하고 있으며, 이는 변경사항의 핵심과 일치합니다.
Linked Issues check	✅ Passed	PR의 모든 코드 변경사항이 연결된 이슈 #243의 요구사항을 충족합니다: 게스트 로그인 API 구현, UI에 체험 버튼 추가, 샘플 PR로 체험 기능 제공.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/#243-add-try-button

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

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 and usage tips.}