[Feat] 로그인 페이지 구현

[1jiwoo27]

📌 Related Issue

• Closes [Feat] 로그인 페이지 구현 #28

✅ Checklist

• PR 제목의 형식을 잘 작성했나요? e.g. [Feat] PR 템플릿 작성
• 빌드가 성공했나요? (pnpm build)
• 이슈는 등록했나요?
• 리뷰어와 라벨을 지정했나요?

📚 Tasks

• 로그인 페이지 구현
• 회원가입 페이지 폴더, 파일 생성 및 라우터 지정
• Title 컴포넌트 구현
• Issue 템플릿 수정

⭐ PR Point (To Reviewer)

• 디자인은 추후에 수정될 수도 있습니다 ex) 옆에 사진 넣기

📷 Screenshot

아무것도 입력하지 않았을 경우 버튼 활성화 x
아이디 비밀번호 모두 입력해야 활성화 o

Summary by CodeRabbit

릴리스 노트

• 새 기능

  • 로그인 페이지 UI 및 사용자 입력 필드 추가
  • 회원가입 페이지 및 라우팅 추가
  • 제목 컴포넌트 추가

• 스타일

  • 버튼 색상 업데이트

• 기타

  • 설정 파일 포맷팅 업데이트

[coderabbitai]

Note

.coderabbit.yaml has unrecognized properties

CodeRabbit is using all valid settings from your configuration. Unrecognized properties (listed below) have been ignored and may indicate typos or deprecated fields that can be removed.

⚠️ Parsing warnings (1)

Validation error: Unrecognized key(s) in object: 'ignored_paths'

⚙️ Configuration instructions

• Please see the configuration documentation for more information.
• You can also validate your configuration using the online YAML validator.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

개요

이 풀 리퀘스트는 YAML 문자열 인용 형식 변경(이중 인용부호에서 단일 인용부호로), 로그인 페이지 컴포넌트 이름 변경 및 UI 업데이트, 신규 가입 페이지 추가, 새로운 Title 공유 컴포넌트 생성, 라우팅 구성 확장으로 구성됩니다.

변경 사항

코호트 / 파일	변경 요약
YAML 포맷 정규화 .github/ISSUE_TEMPLATE/feature.yml, .github/ISSUE_TEMPLATE/fix.yml, .github/ISSUE_TEMPLATE/refactor.yml, .github/workflows/ci.yml	상위 수준 YAML 필드의 문자열 인용 형식을 이중 인용부호에서 단일 인용부호로 변경; feature.yml의 제목 값은 "[Feature]"에서 "[Feat]"로 단순화
로그인 페이지 리팩토링 src/pages/login/login-page.tsx, src/pages/login/login-page.css.ts	컴포넌트명을 LoginPage에서 Login으로 변경; 기존 플레이스홀더 UI를 네비게이션, 상태 관리(useState), 스타일 기반 flex 레이아웃을 포함한 전체 로그인 폼으로 교체
신규 가입 페이지 src/pages/signup/signup-page.tsx	기본 가입 페이지 컴포넌트 추가; 구조적 플레이스홀더만 포함
공유 컴포넌트 확장 src/shared/components/title/title.tsx, src/shared/components/title/title.css.ts, src/shared/components/button/button.css.ts	Title 컴포넌트 신규 생성(children props 포함, xl 글자 크기, 굵은 가중치, 하단 여백); Button 컴포넌트의 secondary 변형 텍스트 색상을 blue200에서 blue300으로 변경
라우팅 구성 업데이트 src/shared/router/index.tsx, src/shared/router/path.ts	SIGNUP 경로('/signup') 추가; SignupPage 컴포넌트를 라우터 진입점에 연결; 기존 경로 문자열 인용 형식을 단일 인용부호로 정규화

예상 코드 리뷰 소요 시간

🎯 2 (Simple) | ⏱️ ~10 분

검토 시 주목할 영역:

• 로그인 페이지의 useNavigate 및 useState 구현이 의도한 네비게이션 흐름과 상태 관리 패턴을 따르는지 확인
• Title 컴포넌트의 CSS 스타일(레이아웃, 간격, 타이포그래피)이 전체 디자인 시스템과 일관성 있는지 검증
• 라우터 설정에서 SIGNUP 경로 정의 및 컴포넌트 매핑이 기존 라우팅 구조와 정렬되어 있는지 확인

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Free

📥 Commits

Reviewing files that changed from the base of the PR and between 278e69b and b092902.

📒 Files selected for processing (12)

• .github/ISSUE_TEMPLATE/feature.yml (1 hunks)
• .github/ISSUE_TEMPLATE/fix.yml (1 hunks)
• .github/ISSUE_TEMPLATE/refactor.yml (1 hunks)
• .github/workflows/ci.yml (2 hunks)
• src/pages/login/login-page.css.ts (1 hunks)
• src/pages/login/login-page.tsx (1 hunks)
• src/pages/signup/signup-page.tsx (1 hunks)
• src/shared/components/button/button.css.ts (1 hunks)
• src/shared/components/title/title.css.ts (1 hunks)
• src/shared/components/title/title.tsx (1 hunks)
• src/shared/router/index.tsx (1 hunks)
• src/shared/router/path.ts (1 hunks)

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

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