배포 테스트

.dockerignore

@@ -0,0 +1,7 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

.eslintrc.json

@@ -0,0 +1,51 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2021,
+    "project": "./tsconfig.json"
+  },
+  "extends": [
+    "plugin:prettier/recommended",
+    "airbnb-typescript",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:import/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:@next/next/recommended"
+  ],
+  "plugins": [
+    "react",
+    "react-hooks",
+    "prettier",
+    "testing-library"
+  ],
+  "rules": {
+    "react/no-unescaped-entities": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/display-name": "off"
+  },
+  "settings": {
+    "import/resolver": {
+      "typescript": {}
+    }
+  },
+  "ignorePatterns": [
+    "*.js",
+    "*.json"
+  ],
+  "overrides": [
+    // Only uses Testing Library lint rules in test files
+    {
+      "files": [
+        "**/__tests__/**/*.[jt]s?(x)",
+        "**/?(*.)+(spec|test).[jt]s?(x)"
+      ],
+      "extends": ["plugin:testing-library/react"]
+    }
+  ]
+}

.github/ISSUE_TEMPLATE/epic-template.md

@@ -0,0 +1,44 @@
+---
+name: Epic template
+about: If you want to create new epic, Describe it in this template
+title: "[EPIC]"
+labels: epic
+assignees: ''
+
+---
+
+---
+name: Epic template
+about: If you want to create new epic, Describe it in this template
+title: "[EPIC]"
+labels: epic
+assignees: ''
+
+---
+
+---
+---
+---
+### Epic Info
+- Person in charge : 
+- Definition :  
+- Timeline : 
+
+---
+### Description
+
+- Summary  
+이 Epic이 무엇인지 간략하게 설명합니다. 만약 필요하다면 해당 epic을 생성한 story, 계기, 이유 등을 서술합니다.  
+
+- Outcomes  
+이 에픽을 통해 나타내고자 하는 결과를 간단히 설명합니다. 첨부할 설계/구조 혹은 예상 결과물이 있으면 첨부해도 좋습니다.
+
+---
+### Measure
+- Goal/Acceptance criteria  
+해당 에픽이 성취해야할 목표 혹은 성공했다고 수용할 수 있는 기준을 서술하십시오.  
+
+- Hypothesis  
+해당 에픽이 성공적으로 위의 목표를 달성하기 위한 대한 당신의 가설은 무엇입니까? 성공 여부를 측정하는 방법과 성공 여부를 팀이 알아야 할 선행 지표에 대해 설명합니다.
+
+---

.github/ISSUE_TEMPLATE/feature-template.md

@@ -0,0 +1,48 @@
+---
+name: Feature template
+about: Describe this issue template's purpose here.
+title: "[Feature]"
+labels: feature
+assignees: ''
+
+---
+
+---
+name: Feature template
+about: Describe this issue template's purpose here.
+title: ''
+labels: ''
+assignees: ''
+
+---
+---
+---
+---
+
+### Feature Info
+- Person in charge :  
+- Definition :  
+- Timeline :  
+---
+### Description
+- Summary/Behavior  
+이 Feature이 무엇인지 간략하게 설명하고, 어떻게 작동해야 하는지 서술합니다.
+
+- Necessity  
+해당 Feature가 필요한 이유, Epic에 어떤 영향을 미치는 지 서술합니다.
+
+- Outcomes  
+이 Feature을 통해 나타내고자 하는 결과를 간단히 설명합니다.
+
+---
+
+### Parent Epic
+해당 feature를 포괄하는 상위 epic과 그 epic의 issue number를 기입하세요.
+
+Example)
+
+[Epic] 마케팅 조사
+
+#1
+
+---

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,19 @@
+## Description
+- Describe your changes in detail
+
+## Related Issue
+- This project only accepts pull requests related to open issues 
+ - If suggesting a new feature or change, please discuss it in an issue first 
+ - If fixing a bug, there should be an issue describing it with steps to reproduce 
+ - Please link to the issue here: 
+
+## Motivation and Context
+- Why is this change required? What problem does it solve? 
+- If it fixes an open issue, please link to the issue here. 
+
+## How Has This Been Tested?
+- Please describe in detail how you tested your changes.
+- Include details of your testing environment, and the tests you ran to see how your change affects other areas of the code, etc.
+
+## Screenshots
+

.github/workflows/CD.yml

@@ -0,0 +1,55 @@
+name: CD
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+  workflow_dispatch:
+
+jobs:
+  job-docker:
+    name: Build Next App
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout current commit (${{ github.sha }})
+        uses: actions/checkout@v3
+
+      - name: Login to Docker
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USER }}
+          password: ${{ secrets.DOCKER_USER_TOKEN }}
+
+      - name: Set env
+        run: echo "${{ secrets.PROJECT_ENV }}" > .env.local
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v1
+
+      - name: Build and push
+        uses: docker/build-push-action@v3
+        with:
+          context: .
+          push: true
+          tags: ${{secrets.DOCKER_USER}}/pue_fe:latest
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+
+      - name: Deploy with SSH
+        uses: appleboy/ssh-action@master
+        id: deploy-prod
+        with:
+          host: ${{ secrets.EC2_HOST }}
+          username: ${{ secrets.EC2_USERNAME }}
+          key: ${{ secrets.EC2_PRIVATE_KEY }}
+          script: |
+            docker stop pue_fe
+            docker rm pue_fe
+            sudo docker pull ${{ secrets.DOCKER_USER }}/pue_fe
+            docker run -d --name pue_fe -p 80:3000 ${{ secrets.DOCKER_USER }}/pue_fe
+            docker rmi -f $(docker images -f "dangling=true" -q)

.github/workflows/CI.yml

@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - epic/**
+      - develop
+      - master
+  workflow_dispatch:
+
+jobs:
+  job-install:
+    name: Install dependencies
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout current commit (${{ github.sha }})
+        uses: actions/checkout@v3
+
+      - name: Caching dependencies
+        id: cache-dependencies
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.OS }}-build-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-build-
+
+      - name: Install Dependencies
+        if: steps.cache-dependencies.output.cache-hit != 'true'
+        run: npm install
+
+#      - name: Run Lint
+#        run: npm run lint
+
+      - name: Run Test
+        run: npx jest --ci --json --coverage --testLocationInResults --outputFile=report.json
+
+      - uses: ArtiomTr/jest-coverage-report-action@v2
+        with:
+          coverage-file: report.json
+          base-coverage-file: report.json

front-end/.gitignore → .gitignore

@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+pue_fe_pem.pem

Dockerfile

@@ -0,0 +1,44 @@
+# node:alpine으로 설정 시 node 17버전이 설치되는데 오류가 발생합니다.
+# node:16-alpine 설정하시길 권장합니다.
+FROM node:16-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install
+
+# deps 에서 설치한 파일중 node_modules만 가져온걸 볼 수 있다.
+FROM node:16-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN npm run build
+
+# Production image, copy all the files and run next
+FROM node:16-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+
+# os 사용자 추가
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nextjs -u 1001
+
+COPY .env.local ./
+
+RUN export $(cat .env.local | xargs)
+
+# builder 에서 복사해야할 파일이 있다면 추가하면 된다.
+COPY --from=builder /app/public ./public
+
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+# 외부 포트 사용한다는 알림 없어도 상관없음
+EXPOSE 3000
+
+ENV PORT 3000
+
+CMD ["node","server.js"]