fromis_9/docs/architecture.md
caadiq 9eb49929c7 YouTube 섹션 스타일 개선 및 문서 업데이트
- PC/모바일 YouTube 상세 페이지 그림자 감소, 배경색 조정
- 모바일 YouTube 섹션을 카드에서 배경 스타일로 변경
- 문서 업데이트: 완료된 마이그레이션 작업 반영, 누락된 API 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-21 12:57:25 +09:00

8 KiB

프로젝트 구조

디렉토리 구조

fromis_9/
├── backend/                    # Fastify 백엔드 (현재 사용)
│   ├── src/
│   │   ├── config/
│   │   │   ├── index.js        # 환경변수 통합 관리
│   │   │   └── bots.js         # 봇 설정 (YouTube, X)
│   │   ├── plugins/            # Fastify 플러그인
│   │   │   ├── db.js           # MariaDB 연결
│   │   │   ├── redis.js        # Redis 연결
│   │   │   ├── auth.js         # JWT 인증
│   │   │   ├── meilisearch.js  # 검색 엔진
│   │   │   └── scheduler.js    # 봇 스케줄러
│   │   ├── routes/             # API 라우트
│   │   │   ├── admin/          # 관리자 API
│   │   │   │   ├── bots.js     # 봇 관리
│   │   │   │   ├── youtube.js  # YouTube 일정 관리
│   │   │   │   └── x.js        # X 일정 관리
│   │   │   ├── albums/
│   │   │   │   ├── index.js    # 앨범 CRUD
│   │   │   │   ├── photos.js   # 앨범 사진 관리
│   │   │   │   └── teasers.js  # 앨범 티저 관리
│   │   │   ├── auth.js         # 인증 (로그인, 토큰 검증)
│   │   │   ├── members/
│   │   │   │   └── index.js    # 멤버 조회/수정
│   │   │   ├── schedules/
│   │   │   │   ├── index.js    # 일정 조회/검색/삭제
│   │   │   │   └── suggestions.js  # 추천 검색어
│   │   │   ├── stats/
│   │   │   │   └── index.js    # 통계 조회
│   │   │   └── index.js        # 라우트 등록
│   │   ├── services/           # 비즈니스 로직
│   │   │   ├── youtube/        # YouTube 봇
│   │   │   ├── x/              # X(Twitter) 봇
│   │   │   ├── meilisearch/    # 검색 서비스
│   │   │   └── suggestions/    # 추천 검색어
│   │   ├── app.js              # Fastify 앱 설정
│   │   └── server.js           # 진입점
│   ├── Dockerfile              # 백엔드 컨테이너
│   └── package.json
│
├── backend-backup/             # Express 백엔드 (참조용, 마이그레이션 원본)
│
├── frontend/                   # React 프론트엔드
│   ├── src/
│   │   ├── api/                # API 클라이언트
│   │   │   ├── index.js        # fetchApi 유틸
│   │   │   ├── public/         # 공개 API
│   │   │   │   ├── albums.js
│   │   │   │   ├── members.js
│   │   │   │   └── schedules.js
│   │   │   └── admin/          # 어드민 API
│   │   │       ├── albums.js
│   │   │       ├── auth.js
│   │   │       ├── bots.js
│   │   │       ├── categories.js
│   │   │       ├── members.js
│   │   │       ├── schedules.js
│   │   │       ├── stats.js
│   │   │       └── suggestions.js
│   │   ├── components/         # 공통 컴포넌트
│   │   │   └── common/
│   │   │       ├── Lightbox.jsx      # 이미지 라이트박스 (PC)
│   │   │       └── LightboxIndicator.jsx
│   │   ├── pages/
│   │   │   ├── pc/             # PC 페이지
│   │   │   └── mobile/         # 모바일 페이지
│   │   ├── stores/             # Zustand 스토어
│   │   ├── utils/
│   │   │   └── date.js         # dayjs 기반 날짜 유틸리티
│   │   └── App.jsx
│   ├── vite.config.js
│   ├── Dockerfile              # 프론트엔드 컨테이너
│   └── package.json
│
├── docker-compose.yml
└── .env

서비스 구성

┌─────────────────────────────────────────────────────────┐
│                        Caddy                            │
│                   (리버스 프록시)                         │
└─────────────────────┬───────────────────────────────────┘
                      │
                      ▼
┌─────────────────────────────────────────────────────────┐
│              fromis9-frontend (:80)                     │
│                    Vite 개발서버                         │
│                   (프록시: /api → backend)               │
└─────────────────────┬───────────────────────────────────┘
                      │
                      ▼
┌─────────────────────────────────────────────────────────┐
│              fromis9-backend (:80)                      │
│                    Fastify API                          │
└─────────────────────┬───────────────────────────────────┘
                      │
         ┌────────────┼────────────┬────────────┐
         │            │            │            │
         ▼            ▼            ▼            ▼
┌───────────────┐ ┌───────────┐ ┌───────────┐ ┌───────────┐
│   MariaDB     │ │Meilisearch│ │   Redis   │ │  Nitter   │
│  (외부 DB망)   │ │ (검색엔진) │ │  (캐시)   │ │ (X 스크랩) │
└───────────────┘ └───────────┘ └───────────┘ └───────────┘

데이터베이스

테이블 목록 (25개)

사용자/인증

  • admin_users - 관리자 계정

멤버

  • members - 멤버 정보 (이름, 생년월일, 인스타그램 등)
  • member_nicknames - 멤버 별명 (검색용)

앨범

  • albums - 앨범 정보 (제목, 발매일, 커버 이미지 등)
  • album_tracks - 앨범 트랙 (곡명, 작사/작곡, 가사 등)
  • album_photos - 앨범 컨셉 포토
  • album_photo_members - 컨셉 포토-멤버 연결
  • album_teasers - 앨범 티저 이미지/영상

일정

  • schedules - 일정 (제목, 날짜, 시간 등)
  • schedule_categories - 일정 카테고리 (유튜브, X, 콘서트 등)
  • schedule_members - 일정-멤버 연결
  • schedule_images - 일정 첨부 이미지
  • schedule_youtube - YouTube 영상 연결 정보
  • schedule_x - X(Twitter) 게시물 연결 정보
  • schedule_concert - 콘서트 일정 추가 정보

콘서트

  • concert_venues - 콘서트 장소 정보
  • concert_series - 콘서트 시리즈 (투어 등)
  • concert_series_md - 콘서트 MD 상품
  • concert_setlists - 콘서트 셋리스트
  • concert_setlist_members - 셋리스트-멤버 연결

X(Twitter) 프로필

  • x_profiles - X 프로필 캐시 (프로필 이미지, 이름 등)

이미지

  • images - 이미지 메타데이터 (3개 해상도 URL)

추천 검색어

  • suggestion_queries - 검색 쿼리 로그
  • suggestion_word_pairs - 단어 bi-gram 빈도
  • suggestion_chosung - 초성 검색 매핑

검색 인덱스 (Meilisearch)

  • schedules - 일정 검색용 인덱스
    • 검색 필드: title, member_names, description, source_name, category_name
    • 필터: category_id, date
    • 정렬: date, time