운영배포: QA(12/29 ~ 1/4) 반영 건들 배포

.github/workflows/deploy.yml

@@ -2,18 +2,40 @@ name: Deploy Next.js to ECS
 
 on:
   push:
-    branches: main
-
+    branches:
+      - main
+      - develop
 
 env:
   AWS_REGION: ap-northeast-2
   ECR_REPOSITORY: growit-fe
 
 jobs:
+  # 1. 환경 결정
+  setup:
+    name: Determine Environment
+    runs-on: ubuntu-latest
+    outputs:
+      environment: ${{ steps.set-env.outputs.environment }}
+      image_tag: ${{ steps.set-env.outputs.image_tag }}
+    steps:
+      - name: Set environment based on branch
+        id: set-env
+        run: |
+          if [[ "${{ github.ref }}" == "refs/heads/main" ]]; then
+            echo "environment=production" >> $GITHUB_OUTPUT
+            echo "image_tag=prod-${{ github.sha }}" >> $GITHUB_OUTPUT
+          else
+            echo "environment=development" >> $GITHUB_OUTPUT
+            echo "image_tag=dev-${{ github.sha }}" >> $GITHUB_OUTPUT
+          fi
+
+  # 2. Docker 이미지 빌드 및 ECR 푸시
   build-and-push:
-    environment: production # Environments에서 Required reviewers 설정 가능
     name: Build and Push Docker Image
     runs-on: ubuntu-latest
+    needs: setup
+    environment: ${{ needs.setup.outputs.environment }}
     outputs:
       image: ${{ steps.build-image.outputs.image }}
     steps:
@@ -37,23 +59,23 @@ jobs:
         id: build-image
         env:
           ECR_REGISTRY: ${{ steps.login-ecr.outputs.registry }}
-          IMAGE_TAG: ${{ github.ref_name }}
+          IMAGE_TAG: ${{ needs.setup.outputs.image_tag }}
         run: |
           IMAGE="$ECR_REGISTRY/${{ env.ECR_REPOSITORY }}:$IMAGE_TAG"
-          echo "Building $IMAGE"
+          echo "Building $IMAGE for ${{ needs.setup.outputs.environment }}"
           docker build \
             --build-arg NEXT_PUBLIC_API_URL=${{ vars.NEXT_PUBLIC_API_URL }} \
             --build-arg NEXT_PUBLIC_REDIRECT_URL=${{ vars.NEXT_PUBLIC_REDIRECT_URL }} \
             -t "$IMAGE" .
           docker push "$IMAGE"
           echo "image=$IMAGE" >> $GITHUB_OUTPUT
 
-  # 3) PROD 배포: (A) 릴리스 태그 or (B) hotfix-* 브랜치 푸시
-  deploy-prod:
-    name: Deploy to PROD ECS
+  # 3. ECS 배포
+  deploy:
+    name: Deploy to ECS (${{ needs.setup.outputs.environment }})
     runs-on: ubuntu-latest
-    needs: build-and-push
-    environment: production # Environments에서 Required reviewers 설정 가능
+    needs: [setup, build-and-push]
+    environment: ${{ needs.setup.outputs.environment }}
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -67,37 +89,35 @@ jobs:
           aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
 
-
-      - name: Set container name (with default)
-        run: echo "CONTAINER_NAME=growit-fe-container" >> $GITHUB_ENV
-
       - name: Download task definition
         run: |
           aws ecs describe-task-definition \
-            --task-definition "growit-fe-task" \
+            --task-definition "${{ vars.ECS_TASK_DEFINITION }}" \
             --query taskDefinition > task-definition.json
 
-      - name: Render taskdef (prod)
+      - name: Render task definition
         id: task-def
         uses: aws-actions/amazon-ecs-render-task-definition@v1
         with:
           task-definition: task-definition.json
-          container-name: growit-fe-container
+          container-name: ${{ vars.ECS_CONTAINER_NAME }}
           image: ${{ needs.build-and-push.outputs.image }}
 
-      - name: Deploy to ECS (PROD)
+      - name: Deploy to ECS
         uses: aws-actions/amazon-ecs-deploy-task-definition@v2
         with:
           task-definition: ${{ steps.task-def.outputs.task-definition }}
-          service: growit-fe-task-service-3
+          service: ${{ vars.ECS_SERVICE }}
           cluster: growit-fe-cluster
           wait-for-service-stability: false
 
-      - name: Set tag info (PROD)
-        id: tag-info
+      - name: Deployment Summary
         run: |
-          if [[ "$GITHUB_REF" == refs/tags/* ]]; then
-            echo "tag_info=태그: $GITHUB_REF_NAME" >> $GITHUB_OUTPUT
-          else
-            echo "tag_info=브랜치: $GITHUB_REF_NAME" >> $GITHUB_OUTPUT
-          fi
+          echo "## 🚀 배포 완료" >> $GITHUB_STEP_SUMMARY
+          echo "" >> $GITHUB_STEP_SUMMARY
+          echo "| 항목 | 값 |" >> $GITHUB_STEP_SUMMARY
+          echo "|------|-----|" >> $GITHUB_STEP_SUMMARY
+          echo "| **환경** | ${{ needs.setup.outputs.environment }} |" >> $GITHUB_STEP_SUMMARY
+          echo "| **브랜치** | ${{ github.ref_name }} |" >> $GITHUB_STEP_SUMMARY
+          echo "| **커밋** | ${{ github.sha }} |" >> $GITHUB_STEP_SUMMARY
+          echo "| **이미지** | ${{ needs.build-and-push.outputs.image }} |" >> $GITHUB_STEP_SUMMARY

.gitignore

@@ -47,4 +47,7 @@ next-env.d.ts
 storybook-static
 
 # readme
-CLAUDE_README.md
+CLAUDE_README.md
+
+# expo
+/bottom-sheet-test

README.md

@@ -53,13 +53,13 @@ app → composite → feature → shared
 
 ## 🌐 페이지 URL 구조
 
-| URL                 | 페이지           | 설명                                    |
-| ------------------- | ---------------- | --------------------------------------- |
-| `/`                 | 랜딩 페이지      | 토큰 확인 후 적절한 페이지로 리다이렉션 |
-| `/login`            | 로그인 페이지    | 사용자 로그인                           |
-| `/signup`           | 회원가입 페이지  | 새로운 사용자 등록                      |
-| `/home`             | 메인 대시보드    | 사용자 목표 목록 및 관리                |
-| `/home/create-goal` | 목표 생성 페이지 | 새로운 목표 생성                        |
+| URL            | 페이지           | 설명                                    |
+| -------------- | ---------------- | --------------------------------------- |
+| `/`            | 랜딩 페이지      | 토큰 확인 후 적절한 페이지로 리다이렉션 |
+| `/login`       | 로그인 페이지    | 사용자 로그인                           |
+| `/signup`      | 회원가입 페이지  | 새로운 사용자 등록                      |
+| `/home`        | 메인 대시보드    | 사용자 목표 목록 및 관리                |
+| `/goal/create` | 목표 생성 페이지 | 새로운 목표 생성                        |
 
 ## 📂 폴더별 기능 설명
 

knip.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://unpkg.com/knip@5/schema.json",
+  "ignoreExportsUsedInFile": {
+    "interface": true,
+    "type": true
+  },
+  "tags": [
+    "-lintignore"
+  ]
+}

mocks/domain/todo.ts

@@ -1,6 +1,5 @@
 import { http, HttpResponse } from 'msw';
 import { Todo, DAY_OF_THE_WEEK } from '@/shared/type/Todo';
-import { Goal, GoalCategoryEnum } from '@/shared/type/goal';
 
 // CORS preflight 요청 처리
 export const optionsHandler = http.options('*', () => {
@@ -14,79 +13,6 @@ export const optionsHandler = http.options('*', () => {
   });
 });
 
-// 테스트용 Goal 데이터
-export const mockGoals: Goal[] = [
-  {
-    id: 'goal-1',
-    name: '프론트엔드 개발 마스터하기',
-    mentor: 'TIM_COOK',
-    duration: {
-      startDate: '2024-01-01',
-      endDate: '2024-03-31',
-    },
-    toBe: 'React 전문가가 되어 프로젝트를 주도할 수 있음',
-    category: GoalCategoryEnum.STUDY,
-    plans: [
-      {
-        id: 'plan-1',
-        content: 'React 컴포넌트 설계 및 리팩토링',
-        weekOfMonth: 1,
-      },
-      {
-        id: 'plan-2',
-        content: 'TypeScript와 React 연동',
-        weekOfMonth: 2,
-      },
-    ],
-  },
-  {
-    id: 'goal-2',
-    name: '디자인 시스템 구축',
-    mentor: 'CONFUCIUS',
-    duration: {
-      startDate: '2024-01-15',
-      endDate: '2024-02-28',
-    },
-    toBe: '일관성 있는 디자인 시스템',
-    category: GoalCategoryEnum.FINANCE,
-    plans: [
-      {
-        id: 'plan-3',
-        content: '디자인 토큰 정의 및 컴포넌트 설계',
-        weekOfMonth: 1,
-      },
-      {
-        id: 'plan-4',
-        content: '스토리북을 활용한 컴포넌트 문서화',
-        weekOfMonth: 2,
-      },
-    ],
-  },
-  {
-    id: 'goal-3',
-    name: '프로젝트 관리 역량 강화',
-    mentor: 'WARREN_BUFFETT',
-    duration: {
-      startDate: '2024-01-01',
-      endDate: '2024-04-30',
-    },
-    toBe: '프로젝트를 기획하고 관리할 수 있는 역량',
-    category: GoalCategoryEnum.STUDY,
-    plans: [
-      {
-        id: 'plan-5',
-        content: '프로젝트 기획 및 요구사항 분석',
-        weekOfMonth: 1,
-      },
-      {
-        id: 'plan-6',
-        content: '팀 협업 및 커뮤니케이션',
-        weekOfMonth: 2,
-      },
-    ],
-  },
-];
-
 // 테스트용 Todo 데이터 (요일별로 구성)
 export const mockTodosByPlan: Record<string, Record<DAY_OF_THE_WEEK, Todo[]>> = {
   'plan-1': {
@@ -266,24 +192,6 @@ const getAllTodos = (): Todo[] => {
   return Object.values(mockTodosByPlan).flatMap(planTodos => Object.values(planTodos).flat());
 };
 
-// Goal 목록 조회
-export const getGoals = http.get('/mock/goals', () => {
-  return HttpResponse.json(
-    {
-      data: mockGoals,
-      message: 'Goal 목록을 성공적으로 조회했습니다.',
-    },
-    {
-      status: 200,
-      headers: {
-        'Access-Control-Allow-Origin': '*',
-        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
-        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
-      },
-    }
-  );
-});
-
 // 주간 Todo 리스트 조회 (요일별로 그룹화)
 export const getWeeklyTodoList = http.get('/mock/todos', ({ request }) => {
   const url = new URL(request.url);
@@ -690,7 +598,6 @@ function getDayOfWeek(dateString: string): DAY_OF_THE_WEEK {
 // 모든 Todo 핸들러들을 배열로 export
 export const todoHandlers = [
   optionsHandler,
-  getGoals,
   getWeeklyTodoList,
   getTodos,
   getTodoById,

mocks/handlers.ts

@@ -1,5 +1,5 @@
 import { http, HttpResponse } from 'msw';
-import { todoHandlers } from './domain/todo';
+//import { todoHandlers } from './domain/todo';
 import { getContribution } from '../src/composite/home/contributionGraph/api';
 
 // 테스트용 더미 데이터
@@ -73,4 +73,4 @@ const getJobRoles = http.get('/resource/jobroles', () => {
 });
 
 // 이 배열에 api 함수들을 넣어 작동
-export const handlers = [getUsers, login, reissue, getJobRoles, getContribution, ...todoHandlers];
+export const handlers = [getUsers, login, reissue, getJobRoles, getContribution];

next.config.ts

@@ -1,9 +1,23 @@
 import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
-  /* config options here */
-  plugins: {
-    '@tailwindcss/postcss': {},
+  eslint: {
+    // 프로덕션 빌드 시 ESLint 에러 무시
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    // 타입 체크 에러는 경고로만 처리
+    ignoreBuildErrors: false,
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'growit-images.s3.ap-northeast-2.amazonaws.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
   },
 };