[FE] feat : 프론트엔드 배포 자동화를 위한 문서를 추가한다

.github/workflows/node.js.yml

@@ -0,0 +1,55 @@
+name: Node.js CI
+
+on:
+    push:
+        branches: ['merge/front']
+    pull_request:
+        branches: ['merge/front']
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [18.x]
+        steps:
+            # 1. 리포지토리 코드 체크아웃
+            - name: Checkout repository
+              uses: actions/checkout@v4
+
+            # 2. pnpm 설치 (버전 9.15.4)
+            - name: Set up pnpm
+              uses: pnpm/action-setup@v2
+              with:
+                  version: 9.15.4
+
+            # 3. Node.js 환경 설정 (노드 버전 '18', pnpm 캐싱 사용)
+            - name: Set up Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: '18'
+                  cache: 'pnpm'
+                  cache-dependency-path: ./frontend/package-lock.json
+
+            # 4. 프론트엔드 폴더에서 의존성 설치
+            - name: Install dependencies in frontend
+              working-directory: frontend
+              run: pnpm install
+
+            # 5. 프론트엔드 폴더에서 테스트 실행
+            - name: Run build in frontend
+              working-directory: frontend
+              run: pnpm build
+
+            # 6. 빌드 결과물이 있는 폴더를 AWS S3로 배포
+            # (리포지토리 루트 기준에서 SOURCE_DIR을 지정)
+            - name: Deploy to S3
+              uses: awact/s3-action@master
+              with:
+                  args: --acl public-read --follow-symlinks --delete
+              env:
+                  AWS_REGION: 'ap-northeast-2'
+                  AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET }}
+                  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+                  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+                  SOURCE_DIR: './frontend/dist'

frontend/src/pages/login/LoginPage.tsx

@@ -20,6 +20,7 @@ const LoginPage = () => {
       <div className="text-2xl font-bold text-zinc-950 mb-8">smileTogether</div>
       <div className="w-full max-w-md space-y-6">
         <div className="text-center space-y-2">
+          d
           <h1 className="text-3xl font-bold text-zinc-950">
             먼저 이메일부터 입력해 보세요
           </h1>