프로젝트 구조

.
├── docker-compose.yml
├── .env.template
├── backend
│   ├── config
│   │   └── nginx
│   │       └── project.conf 
│   ├── core
│   │   ├── settings.py
│   │   ├── urls.py
│   │   └── asgi.py
│   ├── search                      # DB 검색 기능
│   │   ├── models.py
│   │   ├── urls.py
│   │   └── views.py
│   ├── users                       # 유저 관리 (회원가입, 로그인, 로그아웃)
│   │   ├── models.py
│   │   ├── urls.py
│   │   └── views.py
│   ├── Dockerfile
│   ├── manage.py
│   └── requirements.txt
│
└── frontend
    ├── src
    │   ├── assets
    │   ├── components
    │   ├── router
    │   ├── store
    │   ├── views
    │   ├── App.vue
    │   └── main.js
    └── Dockerfile

---

설치 방법

1. GitHub에서 리포지토리 복제

   git clone https://github.com/changhy2001/orchestrator.git
   cd orchestrator

2. 환경변수 설정: .env.template 사용하여 .env 파일 생성

   cp backend/.env.example backend/.env

3. 컨테이너 빌드 및 실행

   docker-compose up --build

4. 애플리케이션 접근

   http://localhost

---

서버 플로우차트

         ┌──────────────────────────────────────────────┐
         │                  Client                      │
         │          (Browser: http://localhost)         │
         └──────────────────────────────────────────────┘
                                 │   
                HTTP 요청 (포트 80)│
                                 ▼
         ┌──────────────────────────────────────────────┐
         │                     Nginx                    │
         │           (http://localhost:80)              │
         │  - 정적 파일: /usr/share/nginx/html (Vue dist) │
         │  - API 프록시: /users/ 요청을 Django로 전달       │
         │       (proxy_pass http://django_web:8000)    │
         └──────────────────────────────────────────────┘
                               │
                               ▼
         ┌──────────────────────────────────────────────┐
         │                    Django                    │
         │        (http://django_web:8000)              │
         │            - 백엔드 API 처리 및 비즈니스 로직       │
         └──────────────────────────────────────────────┘
                               │
              DB 연결 (DATABASE_URL 환경변수)
                               │
                               ▼
         ┌──────────────────────────────────────────────┐
         │                   Database                   │
         │       (Railway PostgreSQL:                   │
         │      mainline.proxy.rlwy.net:43252)          │
         │          - 데이터 저장 및 조회                    │
         └──────────────────────────────────────────────┘

설명

• Client (브라우저)

  • 사용자는 웹 브라우저에서 http://localhost 주소로 접속

• Nginx (Reverse Proxy & 정적 파일 서버)

  • 포트 80에서 요청을 받고, Vue 앱의 빌드 산출물(dist 폴더의 내용) 서빙
  • /users/ 등의 API 요청은 http://django_web:8000으로 프록시

• Django (백엔드 서버)

  • API 요청을 처리하고, 비즈니스 로직 수행
  • DATABASE_URL 환경변수를 통해 PostgreSQL 데이터베이스와 연동

• Database (PostgreSQL)

  • 실제 데이터 저장소, 주소는 mainline.proxy.rlwy.net:43252

---

실행 방법

1. Home 화면

2. About 화면

3. Register 화면 (회원가입)

4. Login 화면

5. 검색 화면 (정삭적으로 로그인되었을 경우) - username, credential, qustion, date 별 필터링 기능을 통한 검색

6. 유저 클릭 시 테이블 상세 data 확인

7. 로그아웃 - 로그아웃 텍스트 클릭 시 정상적으로 로그아웃되며 Home 화면으로 돌아감

---