chore: 프로젝트 초기 세팅

[aryu1217]

요약

Next.js 프론트엔드 프로젝트의 초기 개발 환경과 협업 기준을 구성했습니다.

변경 사항

• Next.js 16, React 19, TypeScript 기반 프로젝트 초기화
• ESLint, 타입체크, Vitest 테스트 환경 구성
• PR에서 lint, typecheck, test, build를 실행하는 GitHub Actions CI 추가
• 간단한 PR 템플릿 추가
• Codex용 프로젝트 지침과 프론트엔드 아키텍처 스킬 내장

확인 사항

• 변경한 기능을 로컬에서 직접 실행하고 예상 결과와 일치하는지 확인했습니다.
• 변경한 기능과 연결된 기존 기능이 깨지지 않았는지 확인했습니다.
• 로딩, 빈 데이터, 오류 또는 잘못된 입력 상황을 확인했습니다.
• GitHub Actions의 CI가 모두 통과했습니다.

검증

• pnpm lint
• pnpm typecheck
• pnpm test:ci
• pnpm build

스크린샷

UI 변경 없음

[aryu1217]

@codex review

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b2155461af

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Isolate DOM state between Vitest cases

When a test file contains multiple cases that call render, the default Vitest configuration does not expose a global afterEach, so React Testing Library cannot register its automatic cleanup hook. DOM nodes from earlier cases then remain visible to later screen queries, causing false positives or unexpected multiple-element failures; configure a setup file that calls cleanup() after each test, or enable Vitest globals so the automatic hook can run.

Useful? React with 👍 / 👎.