Feat/setting/DEVING-8

[dbswl701]

🎯 PR 내용

setting 에픽의 내용 dev 브랜치로 머지

작업 내용

setting 에픽의 내용 dev 브랜치로 머지

관련 이슈

#DEVING-8

Summary by CodeRabbit

• New Features

  • 메인 화면과 인터페이스에 새로운 색상 체계 및 레이아웃 업데이트를 적용하여 보다 깔끔하고 일관된 디자인을 경험할 수 있습니다.

• Chores

  • 전반적인 개발, 빌드, 테스트 환경을 개선하여 애플리케이션의 안정성과 배포 효율성이 강화되었습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
moim-fe	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 13, 2025 2:06am
moim-fe-1kc6	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 13, 2025 2:06am

[coderabbitai]

Walkthrough

이번 PR은 여러 설정 및 구성 파일에 대한 업데이트와 추가 구성을 포함합니다. 새로운 CI/CD 워크플로우, ESLint, Jest, Prettier, Tailwind CSS, tsconfig 설정 등이 추가·수정되었으며, 테스트 코드 및 유틸리티 함수가 도입되었습니다. 또한, 문서(README.md) 파일에 신규 섹션이 추가되고, 파일 구조 일부가 변경되었습니다.

Changes

Files	Change Summary
.coderabbit.yml, .github/pull_request_template.md, .github/workflows/pr-check.yml, .github/workflows/pr-labeler.yml, .prettierrc, eslint.config.mjs, jest.config.ts, jest.setup.ts, package.json, tsconfig.json, postcss.config.js, postcss.config.mjs	새로운 설정 및 워크플로우 도입, 코드 검사와 빌드 프로세스 구성 추가/수정, 타입 및 경로 설정 업데이트, PostCSS 관련 파일 추가/삭제
__tests__/add.test.ts, src/util/add.ts	add 함수 추가 및 이 함수에 대한 테스트 케이스 도입
src/app/globals.css (삭제), src/app/layout.tsx, src/app/page.tsx, src/styles/globals.css, tailwind.config.ts	글로벌 스타일 파일 경로 수정, Tailwind CSS 지시문 추가 및 색상 팔레트 업데이트
src/app/test/components/TestComponent.tsx, src/app/test/page.tsx, src/service/api/endpoints.ts, src/assets/README.md, src/components/README.md, src/hooks/README.md, src/lib/README.md, src/service/README.md, src/store/README.md, src/styles/README.md, src/types/README.md, src/util/README.md	테스트 페이지/컴포넌트 및 API 엔드포인트 상수 추가, 각 디렉토리별 README.md 문서에 신규 섹션과 설명 추가

Sequence Diagram(s)

sequenceDiagram
    participant PR as "Pull Request"
    participant GHA as "GitHub Actions (PR Check)"
    participant Checkout as "코드 체크아웃"
    participant Node as "Node.js 설정 (v18)"
    participant Steps as "체크: 린트, 포맷, 타입, 테스트, 빌드"
    participant Coverage as "Codecov 업로드"
    participant Comment as "상태 리포트"
    
    PR->>GHA: PR 이벤트 발생 (opened, synchronized, reopened)
    GHA->>Checkout: 저장소 체크아웃
    Checkout->>Node: Node.js 설정
    Node->>Steps: 코드 검사 및 실행
    Steps->>Coverage: 커버리지 업로드
    Coverage->>Comment: 결과 코멘트 생성
    Comment->>PR: PR에 상태 보고

Loading

sequenceDiagram
    participant PR as "Pull Request"
    participant Labeler as "GitHub Actions (PR Labeler)"
    participant Commits as "커밋 목록 조회"
    participant Script as "커밋 메시지 처리"
    participant API as "GitHub API"
    
    PR->>Labeler: PR 이벤트 발생 (opened, edited)
    Labeler->>Commits: 커밋 조회
    Commits->>Script: 메시지 분석
    Script->>API: 라벨 적용 요청

Loading

Possibly related PRs

• Feat/setting/eslint setting/DEVING-31 #5: .github/pull_request_template.md 파일의 템플릿 재구성과 관련된 변경 사항이 반영됨.

Suggested labels

✨ feat, 🔧 chore

Suggested reviewers

• Lee-Dong-Seok

✨ Finishing Touches

• 📝 Generate Docstrings (Beta)

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[clyde-yoonjae]

세팅끄으으읕 수고해썽요들

[github-actions]

CI Status Report

검사 결과

• Lint: ✅ success
• Format: ✅ success
• Type Check: ✅ success
• Tests: ✅ success
• Build: ✅ success

✅ 모든 검사가 통과되었습니다.

[Lee-Dong-Seok]

고생하셨습니다!!

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Files with missing lines	Coverage Δ
src/util/add.ts	100.00% <100.00%> (ø)

[coderabbitai]

Actionable comments posted: 6

🧹 Nitpick comments (17)

src/service/api/endpoints.ts (1)

3-5: 엔드포인트 타입 안정성 개선이 필요합니다.

현재 구현은 기본적인 타입 안정성을 제공하지만, 더 강력한 타입 체크와 자동완성을 위해 개선이 필요합니다.

다음과 같이 타입 정의를 추가하는 것을 제안드립니다:

+type EndpointKeys = 'TEST';
+
+type Endpoints = {
+  readonly [K in EndpointKeys]: string;
+};
+
-export const ENDPOINTS = {
+export const ENDPOINTS: Endpoints = {
   TEST: `${API_BASE_URL}/test`,
 } as const;

이렇게 하면:

• 엔드포인트 키의 타입 안정성 확보
• 자동완성 기능 강화
• 실수로 인한 오타 방지

__tests__/add.test.ts (1)

1-5: 테스트 케이스 추가 제안

기본적인 테스트 케이스가 잘 작성되어 있습니다. 하지만 함수의 신뢰성을 높이기 위해 다음과 같은 추가 테스트 케이스를 고려해보시기 바랍니다:

• 음수 값 테스트
• 0과의 덧셈 테스트
• 큰 숫자 테스트
• 소수점 테스트

test('음수 테스트', () => {
  expect(add(-2, -3)).toBe(-5);
});

test('0 테스트', () => {
  expect(add(0, 5)).toBe(5);
});

test('큰 숫자 테스트', () => {
  expect(add(999999, 1)).toBe(1000000);
});

test('소수점 테스트', () => {
  expect(add(0.1, 0.2)).toBeCloseTo(0.3);
});

src/util/add.ts (1)

1-3: 입력 값 검증 추가 제안

현재 구현은 정확하지만, 더 안정적인 함수를 위해 입력 값 검증을 추가하는 것을 고려해보세요.

const add = (a: number, b: number): number => {
  if (!Number.isFinite(a) || !Number.isFinite(b)) {
    throw new Error('유효하지 않은 입력입니다. 유한한 숫자만 허용됩니다.');
  }
  return a + b;
};

jest.setup.ts (1)

3-7: 콘솔 에러 처리 개선 제안

현재 구현된 콘솔 에러 처리는 작동하지만, 다음과 같은 개선사항을 고려해보세요:

1. 타입 정보 추가
2. 더 구체적인 에러 메시지 필터링
3. 원본 에러 로깅 유지

const originalError = console.error;
jest.spyOn(console, 'error').mockImplementation((message: string, ...args: any[]) => {
  if (message.includes('fetchPriority')) {
    return;
  }
  // 다른 에러는 정상적으로 로깅
  originalError.call(console, message, ...args);
});

src/app/test/page.tsx (1)

1-8: 접근성 및 시맨틱 마크업 개선 제안

컴포넌트가 잘 구현되어 있지만, 다음과 같은 개선사항을 고려해보세요:

1. 시맨틱 HTML 요소 사용
2. 접근성 속성 추가
3. 페이지 제목 추가

function TestPage() {
  return (
    <main>
      <h1>테스트 페이지</h1>
      <section aria-label="테스트 페이지 설명">
        <p>
          테스트 페이지 입니다. 페이지임을 식별하기 위해 접미사로 Page를 붙입니다.
          페이지 컴포넌트는 함수 선언문을 사용합니다.
        </p>
      </section>
    </main>
  );
}

jest.config.ts (1)

10-22: 코드 커버리지 임계값 설정을 추가하는 것이 좋습니다.

테스트 커버리지 품질을 보장하기 위해 다음과 같은 설정을 추가하는 것을 제안합니다:

 const config: Config = {
   coverageProvider: 'v8',
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 80,
+      lines: 80,
+      statements: 80
+    }
+  },
   testEnvironment: 'jsdom',

eslint.config.mjs (1)

47-47: 규칙에 대한 설명 주석 추가가 필요합니다.

각 ESLint 규칙에 대한 설명 주석을 추가하면 팀원들의 이해를 도울 수 있습니다.

 rules: {
+  // JSX 기능 활성화
   ecmaFeatures: { jsx: true },
+  // 사용하지 않는 변수 규칙 설정
   '@typescript-eslint/no-unused-vars': ['warn', { args: 'after-used', varsIgnorePattern: '^_' }],
+  // label과 form control 연결 규칙
   'jsx-a11y/label-has-associated-control': ['error', { required: { some: ['nesting', 'id'] } }],
+  // React 버전 자동 감지
   settings: { react: { version: 'detect' } },
+  // 선언 전 사용 규칙 비활성화 (React 컴포넌트용)
   '@typescript-eslint/no-use-before-define': 'off',
 }

Also applies to: 66-66, 70-70, 77-77, 81-81

.github/pull_request_template.md (1)

1-20: PR 템플릿 개선을 위한 제안사항이 있습니다.

템플릿이 잘 구성되어 있지만, 다음과 같은 개선사항을 제안합니다:

 ## 📝 주요 작업 내용
 
-ex) 본인이 작성한 내용에 대한 상세 설명
+ex) 작업한 내용에 대해 상세히 설명해 주세요.
+- [ ] 기능 1
+- [ ] 기능 2
 
 ## 📺 스크린샷
 
-(선택사항)
+UI 변경사항이 있는 경우 스크린샷을 첨부해 주세요. (선택사항)
 
 ## 🔗 참고 사항
 
-ex) 의논할 점, 리뷰어가 알 필요가 있는 추가 정보나 문서, 참고 링크를 포함.
+ex) 리뷰어가 알아야 할 내용을 작성해 주세요:
+- 의논할 점
+- 추가 정보나 문서
+- 참고 링크
 
 ## 💬 리뷰 요구사항
 
-ex) 중점적으로 리뷰해줬으면 하는 부분
+ex) 다음 부분들을 중점적으로 리뷰해 주시면 감사하겠습니다:
+- [ ] 코드 구조
+- [ ] 성능
+- [ ] 보안
 
 ## 📃 관련 이슈
 
-ex) #이슈 번호
+ex) Closes #이슈번호

.coderabbit.yml (1)

1-16: CodeRabbit 설정을 보완하면 좋을 것 같습니다.

현재 설정은 유효하지만, 다음과 같은 추가 설정을 고려해 보세요:

 language: 'ko-KR'
 early_access: false
 reviews:
   profile: 'chill'
   request_changes_workflow: false
   high_level_summary: true
   poem: false
   allowed_branches: ['*']
   review_status: true
   collapse_walkthrough: false
   auto_review:
     enabled: true
     drafts: false
+    labels: []  # 자동 리뷰를 위한 라벨 설정
+  tools:
+    eslint:
+      enabled: true  # ESLint 통합 활성화
+    markdownlint:
+      enabled: true  # 마크다운 린트 활성화
 chat:
   auto_reply: true

src/types/README.md (2)

1-3: 문서 형식을 개선해 주세요.

마크다운 헤딩에서는 마침표를 제거하는 것이 좋습니다.

다음과 같이 수정해 주세요:

 ## types 폴더

-### 전역으로 사용될 타입을 모아두는 폴더입니다.
+### 전역으로 사용될 타입을 모아두는 폴더

🧰 Tools

🪛 markdownlint-cli2 (0.17.2)

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

---

1-3: 타입 폴더에 대한 설명을 보완해 주세요.

현재 설명이 매우 간단합니다. 다음과 같은 내용을 추가하면 좋을 것 같습니다:

• 타입 정의 방식과 네이밍 컨벤션
• 주요 타입 카테고리 설명
• 타입 재사용 가이드라인

🧰 Tools

🪛 markdownlint-cli2 (0.17.2)

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

src/util/README.md (2)

1-3: 문서 형식을 개선해 주세요.

마크다운 헤딩에서는 마침표를 제거하는 것이 좋습니다.

다음과 같이 수정해 주세요:

 ## util 폴더

-### 프로젝트에서 재사용되는 유틸리티 함수들을 모아두는 폴더입니다.
+### 프로젝트에서 재사용되는 유틸리티 함수들을 모아두는 폴더

🧰 Tools

🪛 markdownlint-cli2 (0.17.2)

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

---

5-5: 유틸리티 함수 예시를 추가해 주세요.

각 유틸리티 타입(문자열 포맷팅, 날짜처리, 공통 헬퍼 함수)에 대한 구체적인 예시와 사용법을 추가하면 좋을 것 같습니다.

src/lib/README.md (2)

1-3: 문서 형식을 개선해 주세요.

마크다운 헤딩에서는 마침표를 제거하는 것이 좋습니다.

다음과 같이 수정해 주세요:

 ## lib 폴더

-### 외부 라이브러리 연동 코드 및 로직을 모아두는 폴더입니다.
+### 외부 라이브러리 연동 코드 및 로직을 모아두는 폴더

🧰 Tools

🪛 markdownlint-cli2 (0.17.2)

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

---

5-5: 마크다운 문법을 일관되게 사용해 주세요.

HTML 태그(<br/>) 대신 마크다운의 줄바꿈 문법을 사용하는 것이 좋습니다.

다음과 같이 수정해 주세요:

-axios, react-query 같은 서드파티 라이브러리 초기화 등을 정의합니다. <br/>
+axios, react-query 같은 서드파티 라이브러리 초기화 등을 정의합니다.

src/hooks/README.md (2)

1-3: 문서 형식을 개선해 주세요.

마크다운 헤딩에서는 마침표를 제거하는 것이 좋습니다.

다음과 같이 수정해 주세요:

 ## hooks 폴더

-### 커스텀 훅을 정의하는 폴더입니다.
+### 커스텀 훅을 정의하는 폴더

🧰 Tools

🪛 markdownlint-cli2 (0.17.2)

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

---

5-7: 오타를 수정하고 마크다운 문법을 일관되게 사용해 주세요.

1. 'useQuries'를 'useQueries'로 수정해 주세요.
2. HTML 태그(<br/>) 대신 마크다운의 줄바꿈 문법을 사용해 주세요.

다음과 같이 수정해 주세요:

-common 폴더에는 전역에서 사용할 커스텀 훅들을 정의합니다.<br/>
-queries 폴더에는 tanstack-query의 useQuries를 사용한 커스텀 훅들을 정의합니다.<br/>
+common 폴더에는 전역에서 사용할 커스텀 훅들을 정의합니다.
+
+queries 폴더에는 tanstack-query의 useQueries를 사용한 커스텀 훅들을 정의합니다.

📜 Review details

Configuration used: .coderabbit.yml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5bd4222 and dbd594e.

⛔ Files ignored due to path filters (2)

• package-lock.json is excluded by !**/package-lock.json
• src/assets/icon/favicon.ico is excluded by !**/*.ico

📒 Files selected for processing (31)

• .coderabbit.yml (1 hunks)
• .github/pull_request_template.md (1 hunks)
• .github/workflows/pr-check.yml (1 hunks)
• .github/workflows/pr-labeler.yml (1 hunks)
• .prettierrc (1 hunks)
• __tests__/add.test.ts (1 hunks)
• eslint.config.mjs (3 hunks)
• jest.config.ts (1 hunks)
• jest.setup.ts (1 hunks)
• package.json (2 hunks)
• postcss.config.js (1 hunks)
• postcss.config.mjs (0 hunks)
• src/app/globals.css (0 hunks)
• src/app/layout.tsx (1 hunks)
• src/app/page.tsx (4 hunks)
• src/app/test/components/TestComponent.tsx (1 hunks)
• src/app/test/page.tsx (1 hunks)
• src/assets/README.md (1 hunks)
• src/components/README.md (1 hunks)
• src/hooks/README.md (1 hunks)
• src/lib/README.md (1 hunks)
• src/service/README.md (1 hunks)
• src/service/api/endpoints.ts (1 hunks)
• src/store/README.md (1 hunks)
• src/styles/README.md (1 hunks)
• src/styles/globals.css (1 hunks)
• src/types/README.md (1 hunks)
• src/util/README.md (1 hunks)
• src/util/add.ts (1 hunks)
• tailwind.config.ts (1 hunks)
• tsconfig.json (2 hunks)

💤 Files with no reviewable changes (2)

• src/app/globals.css
• postcss.config.mjs

✅ Files skipped from review due to trivial changes (9)

• src/assets/README.md
• postcss.config.js
• src/styles/globals.css
• src/app/test/components/TestComponent.tsx
• src/styles/README.md
• src/service/README.md
• src/store/README.md
• src/components/README.md
• src/app/page.tsx

🧰 Additional context used

🪛 actionlint (1.7.4)

.github/workflows/pr-check.yml

16-16: the runner of "actions/checkout@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

---

19-19: the runner of "actions/setup-node@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

---

49-49: the runner of "codecov/codecov-action@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

---

60-60: the runner of "actions/github-script@v6" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

.github/workflows/pr-labeler.yml

15-15: the runner of "actions/checkout@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

---

18-18: the runner of "actions/github-script@v6" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

🪛 YAMLlint (1.35.1)

.github/workflows/pr-labeler.yml

[error] 32-32: trailing spaces

(trailing-spaces)

🪛 ESLint

src/app/layout.tsx

[error] 2-2: Insert ⏎

(prettier/prettier)

🪛 markdownlint-cli2 (0.17.2)

src/hooks/README.md

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

src/lib/README.md

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

src/types/README.md

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

src/util/README.md

3-3: Trailing punctuation in heading
Punctuation: '.'

(MD026, no-trailing-punctuation)

⏰ Context from checks skipped due to timeout of 90000ms (1)

• GitHub Check: check

🔇 Additional comments (12)

src/app/layout.tsx (1)

2-2: 글로벌 스타일 파일 위치 변경이 적절합니다.

스타일 파일을 src/styles 디렉토리로 이동한 것은 Next.js 프로젝트의 일반적인 구조를 따르는 좋은 변경입니다. 이는 스타일 관련 파일들을 한 곳에서 관리할 수 있게 해줍니다.

🧰 Tools

🪛 ESLint

[error] 2-2: Insert ⏎

(prettier/prettier)

tailwind.config.ts (1)

1-8: LGTM!

설정이 명확하고 적절하게 구성되어 있습니다.

jest.config.ts (2)

1-8: 설정이 올바르게 구성되었습니다!

Next.js 테스트 환경이 적절하게 설정되었습니다.

---

24-25: 내보내기가 올바르게 구현되었습니다!

비동기 설정을 위한 적절한 내보내기 방식입니다.

eslint.config.mjs (1)

19-29:

Details

❓ Verification inconclusive

무시할 파일 목록이 적절한지 확인이 필요합니다.

**/*.js를 무시하는 것이 의도적인지 확인해 주세요. TypeScript 프로젝트에서도 일부 JavaScript 파일은 필요할 수 있습니다.

---

🏁 Script executed:

#!/bin/bash
# JavaScript 파일 사용 현황 확인
echo "Repository에서 사용 중인 JavaScript 파일 목록:"
fd -e js --type f

Length of output: 120

---

확인 요청: 무시할 파일 설정 검토

현재 리포지토리에서 JavaScript 파일은 postcss.config.js 하나만 존재하는 것으로 확인되었습니다.

• 만약 postcss.config.js도 lint 검사를 받아야 한다면, **/*.js로 모든 JavaScript 파일을 무시하는 설정을 재검토하여 해당 파일이 lint 대상에 포함되도록 수정해 주세요.
• 반대로 postcss.config.js를 lint 대상에서 제외하는 것이 의도한 것이라면, 현재 ignore 설정은 문제가 없어 보입니다.

.prettierrc (2)

10-13: 플러그인 구성이 적절합니다!

Prettier와 Tailwind CSS, 그리고 import 정렬을 위한 플러그인이 잘 구성되어 있습니다.

---

14-25: import 순서가 잘 정의되어 있습니다.

각 카테고리별로 import 순서가 명확하게 정의되어 있어 코드의 일관성을 유지하는 데 도움이 될 것 같습니다.

tsconfig.json (2)

5-5: Jest 타입 추가가 적절합니다.

테스트 환경 설정을 위한 Jest 타입이 잘 추가되었습니다.

---

22-32:

Details

✅ Verification successful

경로 매핑 검증이 필요합니다.

baseUrl과 paths 설정이 추가되었습니다. 프로젝트 구조와 일치하는지 확인이 필요합니다.

---

🏁 Script executed:

#!/bin/bash
# src 디렉토리 구조 확인
fd --type d --max-depth 1 . src

Length of output: 147

---

경로 매핑 설정 검증 완료 – 프로젝트 구조와 일치합니다

• "baseUrl": "./src"가 올바르게 지정되어 있으며,
• 명시적인 경로 매핑(@/app/*, @/components/*, @/hooks/*, @/lib/*, @/styles/*, @/util/*, @/assets/*)은 실제 src 디렉토리 내 해당 폴더들과 일치합니다.
• 추가 디렉토리인 service, store, types는 "@/*": ["/*"] catch-all 패턴을 통해 접근 가능하므로 별도 매핑이 필요하지 않아 보입니다.
• 참고로, catch-all 설정의 경우 "/*" 대신 "*"를 사용하면 다른 매핑과의 일관성 면에서 더 깔끔할 수 있으니 검토해보시기 바랍니다.

package.json (1)

13-13: 테스트 커버리지 설정이 잘 되어있습니다.

Jest를 사용한 테스트 커버리지 수집이 잘 구성되어 있습니다.

.github/workflows/pr-labeler.yml (1)

31-31: 커밋 메시지 정규식이 잘 정의되어 있습니다.

커밋 타입을 정확하게 구분할 수 있는 정규식이 잘 작성되어 있습니다.

.github/workflows/pr-check.yml (1)

73-80: CI 상태 리포트가 잘 구성되어 있습니다.

각 단계별 검사 결과를 이모지와 함께 명확하게 표시하고 있어 가독성이 좋습니다.

[coderabbitai]

⚠️ Potential issue

하드코딩된 IP 주소를 환경 변수로 이동하세요.

프로덕션 코드에 IP 주소를 직접 하드코딩하는 것은 다음과 같은 문제를 야기할 수 있습니다:

• 환경(개발/스테이징/프로덕션)별 설정 관리의 어려움
• 보안 취약점 발생 가능성
• 코드 유지보수의 어려움

다음과 같이 환경 변수를 사용하도록 수정하는 것을 권장드립니다:

-export const API_BASE_URL = 'http://3.34.218.217:8080/';
+export const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:8080/';

추가로 .env 파일을 생성하여 환경 변수를 관리하세요:

// .env.development
NEXT_PUBLIC_API_BASE_URL=http://dev-api.example.com

// .env.production
NEXT_PUBLIC_API_BASE_URL=http://api.example.com

[coderabbitai]

🛠️ Refactor suggestion

코드 포맷팅 수정이 필요합니다.

ESLint가 import 문 뒤에 개행이 필요하다고 지적하고 있습니다.

다음과 같이 수정해주세요:

import type { Metadata } from 'next';
-import '../styles/globals.css';
+import '../styles/globals.css';
+

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import '../styles/globals.css';
	import type { Metadata } from 'next';
	import '../styles/globals.css';

🧰 Tools

🪛 ESLint

[error] 2-2: Insert ⏎

(prettier/prettier)

[coderabbitai]

🛠️ Refactor suggestion

색상 정의에서 개선이 필요한 부분이 있습니다.

다음과 같은 문제점들이 발견되었습니다:

1. 색상 이름이 일관성이 없습니다 (예: Cgray500와 disable_text).
2. BG_2 색상 값에 '#' 접두사가 누락되었습니다.
3. 일부 색상은 의미론적 이름을 사용하면 더 명확할 것 같습니다.

다음과 같이 수정하는 것을 제안드립니다:

      colors: {
-       main: '#525FEE',
-       default: '#C2C9FF',
-       solid: '#E5e7fa',
-       disable: '#30333e',
-       disable_text: '#4a4e5e',
-       Cgray500: '#626675',
-       Cgray400: '#424655',
-       Cgray300: '#30333E',
-       Cgray200: '#22242B',
-       Cgray100: '#1B1D21',
+       primary: '#525FEE',
+       secondary: '#C2C9FF',
+       tertiary: '#E5e7fa',
+       disabled: '#30333e',
+       disabledText: '#4a4e5e',
+       gray500: '#626675',
+       gray400: '#424655',
+       gray300: '#30333E',
+       gray200: '#22242B',
+       gray100: '#1B1D21',
        white: '#FFFFFF',
        black: '#000000',
-       warning: '#Fb3b49',
-       clear: '#00c48c',
-       Cgray700: '#B4BBCE',
-       Cgray800: '#D8DEE8',
+       error: '#Fb3b49',
+       success: '#00c48c',
+       gray700: '#B4BBCE',
+       gray800: '#D8DEE8',
        BG: '#121212',
-       BG_2: '1B1B1D',
+       BG2: '#1B1B1D',
      },

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	main: '#525FEE',
	default: '#C2C9FF',
	solid: '#E5e7fa',
	disable: '#30333e',
	disable_text: '#4a4e5e',
	Cgray500: '#626675',
	Cgray400: '#424655',
	Cgray300: '#30333E',
	Cgray200: '#22242B',
	Cgray100: '#1B1D21',
	white: '#FFFFFF',
	black: '#000000',
	warning: '#Fb3b49',
	clear: '#00c48c',
	Cgray700: '#B4BBCE',
	Cgray800: '#D8DEE8',
	BG: '#121212',
	BG_2: '1B1B1D',
	colors: {
	primary: '#525FEE',
	secondary: '#C2C9FF',
	tertiary: '#E5e7fa',
	disabled: '#30333e',
	disabledText: '#4a4e5e',
	gray500: '#626675',
	gray400: '#424655',
	gray300: '#30333E',
	gray200: '#22242B',
	gray100: '#1B1D21',
	white: '#FFFFFF',
	black: '#000000',
	error: '#Fb3b49',
	success: '#00c48c',
	gray700: '#B4BBCE',
	gray800: '#D8DEE8',
	BG: '#121212',
	BG2: '#1B1B1D',
	},

[coderabbitai]

⚠️ Potential issue

중복된 autoprefixer 의존성을 제거해주세요.

autoprefixer가 dependencies와 devDependencies에 중복해서 등록되어 있습니다.

다음과 같이 수정해주세요:

  "dependencies": {
-   "autoprefixer": "^10.4.20",
    "next": "14.1.0",
    ...
  }

Also applies to: 33-33

[coderabbitai]

⚠️ Potential issue

GitHub Actions 버전 업데이트가 필요합니다.

현재 사용 중인 GitHub Actions 버전이 오래되었습니다. 최신 버전으로 업데이트가 필요합니다.

다음과 같이 수정해주세요:

-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7

Also applies to: 18-18

🧰 Tools

🪛 actionlint (1.7.4)

15-15: the runner of "actions/checkout@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)

[coderabbitai]

⚠️ Potential issue

GitHub Actions 버전 업데이트가 필요합니다.

여러 GitHub Actions의 버전이 오래되었습니다. 최신 버전으로 업데이트가 필요합니다.

다음과 같이 수정해주세요:

-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7

Also applies to: 19-19, 49-49, 60-60

🧰 Tools

🪛 actionlint (1.7.4)

16-16: the runner of "actions/checkout@v3" action is too old to run on GitHub Actions. update the action's version to fix this issue

(action)