[오피셜팀] 프론트엔드 코드리뷰용 PR

.coderabbit.yaml

@@ -0,0 +1,14 @@
+language: 'ko-KR'
+early_access: false
+reviews:
+  profile: 'chill'
+  request_changes_workflow: false
+  high_level_summary: true
+  poem: false
+  review_status: true
+  collapse_walkthrough: false
+  auto_review:
+    enabled: true
+    drafts: false
+chat:
+  auto_reply: true

.github/ISSUE_TEMPLATE/-feature--.md

@@ -0,0 +1,20 @@
+---
+name: "[FEATURE] "
+about: 기능 생성
+title: '[FEATURE]'
+labels: ''
+assignees: ''
+
+---
+
+### 📝 Description
+
+- 구현할 내용 1
+- 구현할 내용 2
+
+---
+
+### 📝 Todo
+
+- [ ] 구현할 내용 1
+- [ ] 구현할 내용 2

.github/pull_request_template.md

@@ -0,0 +1,35 @@
+## ✅ PR 유형
+어떤 변경 사항이 있었나요?
+
+- [ ] 새로운 기능 추가
+- [ ] 버그 수정
+- [ ] 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
+- [ ] 코드 리팩토링
+- [ ] 주석 추가 및 수정
+- [ ] 문서 수정
+- [ ] 빌드 부분 혹은 패키지 매니저 수정
+- [ ] 파일 혹은 폴더명 수정
+- [ ] 파일 혹은 폴더 삭제
+
+---
+
+### 📌 관련 이슈번호
+
+- Closed #1
+
+---
+
+### ✅ Key Changes
+
+-
+- 
+
+---
+
+### 📸 스크린샷 or 실행영상
+<!-- 이해하기 쉽도록 스크린샷을 첨부해주세요. -->
+
+
+---
+
+## 🎸 기타 사항 or 추가 코멘트

.github/workflows/ci.yml

@@ -0,0 +1,31 @@
+name: CI/CD Build Check
+
+on:
+  push:
+    branches: ['main', 'develop']
+  pull_request:
+    branches: ['main', 'develop']
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 10
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build check
+        run: pnpm run build

.github/workflows/production.yml

@@ -0,0 +1,31 @@
+name: Production Deployment
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  Deploy-Preview:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - run: curl -X POST -d {} "https://webhooks.amplify.us-east-1.amazonaws.com/prod/webhooks?id=ea04170f-ab4c-443a-b01f-e2e53c32b641&token=KSqj5xnbmdNs92jcEzHWSP84O6dVe0r1Rq6FCuL5E&operation=startbuild" -H "Content-Type:application/json"
+
+      - name: Checkout Repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Build Library
+        run: pnpm run build

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -0,0 +1,39 @@
+# Prettier ignore file
+
+# Dependencies
+node_modules/
+.pnp
+.pnp.js
+
+# Build outputs
+.next/
+out/
+dist/
+build/
+
+# Environment files
+.env*
+
+# Lock files
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+
+# Coverage
+coverage/
+
+# Logs
+*.log
+logs/
+
+# OS generated files
+.DS_Store
+Thumbs.db
+
+# IDE files
+.vscode/
+.idea/
+
+# Temporary files
+*.tmp
+*.temp

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "useTabs": false,
+  "printWidth": 100,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

.vscode/settings.json

@@ -0,0 +1,27 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "prettier.requireConfig": true,
+  "prettier.configPath": ".prettierrc",
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

README.md

@@ -1 +1,111 @@
-# TEAMFICIAL-FE
+# 🗣️ 함께의 시작을 부드럽게, 팀빌딩 서비스 "팀피셜"
+
+<img width="4560" height="3000" alt="팀피셜_웹썸네일(최종)" src="https://github.com/user-attachments/assets/70ad22ae-3f6d-4752-95f0-0c66ecf87214" />
+
+# 프로젝트 소개
+팀피셜은 스펙이 아닌 ‘함께 일해본 사람들의 진짜 이야기’로 나를 보여주는
+소프트스킬 기반의 팀빌딩 플랫폼입니다.
+
+질문 템플릿을 통해 동료들이 기록한 나의 협업 성향, 일하는 태도,
+커뮤니케이션 스타일을 투명하게 제공합니다. 
+
+팀피셜은 더 신뢰할 수 있는 협업, 더 조화로운 팀워크로 이어지는 과정
+전반을 설계합니다.
+<img width="1920" height="1080" alt="3" src="https://github.com/user-attachments/assets/aa97217f-b9bd-4205-a8b1-fbe9f51226f5" />
+<img width="1920" height="1080" alt="4" src="https://github.com/user-attachments/assets/d771c6f1-57ce-4b1f-95a2-db80311e4af4" />
+<img width="1920" height="1080" alt="5" src="https://github.com/user-attachments/assets/0ee380d1-c7ea-4a2b-8dd0-9b77f0eae134" />
+<img width="1920" height="1080" alt="15" src="https://github.com/user-attachments/assets/d555f742-1730-41b4-a71a-ad25a71078ec" />
+<img width="1920" height="1080" alt="19" src="https://github.com/user-attachments/assets/8f22a0c4-db4d-4df3-acc4-5b7e1e553899" />
+<img width="1920" height="1080" alt="21" src="https://github.com/user-attachments/assets/bf878e94-8ccd-4388-a6e3-693847518a15" />
+<img width="1920" height="1080" alt="28" src="https://github.com/user-attachments/assets/cd243c9d-4217-4173-a322-2bca81ccaeff" />
+
+
+# 주요기능
+<img width="1920" height="1080" alt="30" src="https://github.com/user-attachments/assets/479eaaaa-1eac-47bd-ab40-31fcbbb8d3f6" />  
+<img width="1920" height="1080" alt="31" src="https://github.com/user-attachments/assets/cdb95aba-6dbd-4117-ae43-101d25965576" />
+<img width="1920" height="1080" alt="32" src="https://github.com/user-attachments/assets/c7aa1c2c-1737-4ec9-a280-0f3c0cab80f3" />
+<img width="1920" height="1080" alt="33" src="https://github.com/user-attachments/assets/fe962466-73a6-4229-9e64-e6c45c9ad0b1" />
+<img width="1920" height="1080" alt="34" src="https://github.com/user-attachments/assets/53f89848-bbad-4694-8456-c1cf1996923b" />
+
+### 프로젝트 뷰 & 지원하기
+
+<img width="2048" height="1181" alt="Section 1" src="https://github.com/user-attachments/assets/a735dcf6-1319-4dd1-b60a-83ca70b7e618" />
+
+
+
+# 기술 스택
+
+| 역할 | 기술 / 도구 |
+|------|-------------|
+| **Frontend** | <img src="https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white"/> <img src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white"/> <img src="https://img.shields.io/badge/TailwindCSS-38B2AC?style=for-the-badge&logo=tailwindcss&logoColor=white"/> <img src="https://img.shields.io/badge/Zustand-000000?style=for-the-badge&logo=react&logoColor=white"/> <img src="https://img.shields.io/badge/React Query-FF4154?style=for-the-badge&logo=reactquery&logoColor=white"/> <img src="https://img.shields.io/badge/React Hook Form-EC5990?style=for-the-badge&logo=reacthookform&logoColor=white"/> <img src="https://img.shields.io/badge/Zod-3E67B1?style=for-the-badge&logo=zod&logoColor=white"/> <img src="https://img.shields.io/badge/Tiptap-9747FF?style=for-the-badge&logo=tiptap&logoColor=white"/> <img src="https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white"/> <img src="https://img.shields.io/badge/Framer Motion-0055FF?style=for-the-badge&logo=framer&logoColor=white"/> <img src="https://img.shields.io/badge/SVGR-0088CC?style=for-the-badge&logo=svg&logoColor=white"/> <img src="https://img.shields.io/badge/react--intersection--observer-593D88?style=for-the-badge&logo=react&logoColor=white"/> <img src="https://img.shields.io/badge/date--fns-2D3748?style=for-the-badge&logo=calendar&logoColor=white"/> |
+
+# FE 팀원
+<table>
+  <tr>
+    <th align="center" colspan="2">Frontend (FE)</th>
+  </tr>
+  <tr>
+    <td align="center">
+      <img src="https://github.com/woneeeee.png" width="140" alt="김지원 GitHub Avatar" /><br/>
+      <a href="https://github.com/woneeeee"><b>김지원</b></a><br/>
+      <sub>Fronted Lead</sub>
+    </td>
+    <td align="center">
+      <img src="https://github.com/sunhwaaRj.png" width="140" alt="김선화 GitHub Avatar" /><br/>
+      <a href="https://github.com/sunhwaaRj"><b>김선화</b></a><br/>
+      <sub>Fronted</sub>
+    </td>
+  </tr>
+</table>
+
+<br />
+
+# 폴더 구조
+```
+src
+├── app                 # Next.js App Router (페이지 라우팅)
+│   ├── (auth)          # 소셜 로그인 & 인증 페이지
+│   ├── (main)          # 로그인 후 메인 기능 영역
+│   │   ├── mypage      # 마이페이지
+│   │   ├── project     # 프로젝트 상세/목록
+│   │   ├── team        # 팀 상세/팀 관리
+│   │   ├── applied     # 내가 지원한 팀 리스트
+│   │   ├── applicant   # 지원자 관리
+│   │   ├── question    # 팀피셜 질문 작성
+│   │   ├── recruit     # 팀 모집 등록
+│   │   └── teamps ylog # 팀피셜록 페이지
+│   └── layout.tsx
+│
+├── components          # 전역 공통 UI 컴포넌트
+│   ├── common          # 버튼, 토스트, 로딩 등 기본 UI
+│   ├── login           # 로그인 전용 UI
+│   └── modal           # 전역 모달 컴포넌트
+│
+├── constants           # 상수, dropdown options 등
+│
+├── contexts            # Modal / Toast 등 글로벌 컨텍스트
+│
+├── hooks               # 재사용 가능한 custom hooks
+│   ├── mutation        # API POST/PUT/DELETE 훅
+│   └── queries         # API GET 훅
+│
+├── libs                # API 레이어, axios wrapper, request 함수
+│   └── api             # API 엔드포인트 모듈
+│
+├── schemas             # Zod 스키마 (form validation)
+│
+├── store               # Zustand 전역 상태 관리
+│
+├── styles              # 글로벌 스타일, SCSS 변수
+│
+├── types               # TypeScript 타입 정의
+│
+└── utils               # 공통 유틸 함수 모음
+```
+<br />
+
+# 시스템 아키텍처
+<img width="931" height="573" alt="팀피셜_아키텍처" src="https://github.com/user-attachments/assets/c846b98e-5ac2-43f2-9a7f-e617a546fcc2" />
+
+<br />
+

eslint.config.mjs

@@ -0,0 +1,19 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends('next/core-web-vitals', 'next/typescript'),
+  {
+    ignores: ['node_modules/**', '.next/**', 'out/**', 'build/**', 'next-env.d.ts'],
+  },
+];
+
+export default eslintConfig;