<aside> 📌 Transcendence 과제로 제작한 WallyPfister’s Ping Pong의 프론트엔드 설명서입니다.

</aside>

🛠 Tech Stack

📁 Directory Structure

./
└── frontend/
    ├── public/       
    │   └── img/      # image files
    └── src/
        ├── Game/     # game page
        ├── [Login/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)    # login and auth
        ├── Main/     # game queue, chat, friend list
        ├── [Profile/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)  # user stats and history
        ├── [Rank/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)     # all users leaderboard
        ├── [Signup/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)   # user sign up
        ├── Socket/   # handle multi-page socket events
        ├── [Util/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)     # custom instance, common component
        ├── [Verify/](<https://zoovely.notion.site/Transcendence-FE-80a126363b5543b19b39a80a7eef66b5>)   # 2fa code verification
        ├── App.tsx   # routing
        └── index.tsx # entry point

💡 Context

기능을 소개 하기 전에, 먼저 알아두면 이해에 도움이 되는 서비스 구조 설명 모음입니다.

🔑 JWT

📡Socket.io

⭐️ Feature

도메인(디렉토리) 별 기능 및 구현 방법에 대해 소개합니다.

Login

SignUp