목록으로

ARCHITECTURE

구성도.

프로젝트의 검색·도구 연결과 시스템 설계를 확인합니다.

LLM 연결 구조

ARCHITECTURE

LLM 예상 연결 구성도

구성 요소의 역할과 데이터 흐름을 확인할 수 있습니다.

편집 가능한 draw.io 도면
LLM 예상 연결 설계
.drawio 원본
LLM 예상 연결 구조. Next.js 요청 화면에서 FastAPI로 요청하고, 서버가 LLM과 대화하며 허용된 검색·도구만 실행합니다. RAG 문서 검색, 외부 API, 내부 DB, 웹 검색의 결과를 모델에 전달해 답변을 구성합니다. 화면 외 실제 연결은 모두 예정입니다.
실선은 현재 동작, 점선은 연결 예정입니다. 실제 연동 전 검토할 예상 구조이며, 요청에 필요한 연결만 사용합니다.
구성도 텍스트 설명
  • 화면 → FastAPI: 요청 검증과 실행 상태 관리.
  • FastAPI ↔ LLM: 질문·검색 근거·도구 정의를 전달하고 답변 또는 도구 호출 요청을 받습니다.
  • 서버 실행 계층: 허용 도구와 인자·권한을 검증하고 RAG·API·DB·웹 검색을 실행합니다. 모델이 직접 DB나 API 자격증명에 접근하지 않습니다.
  • RAG는 문서에서 근거를 검색하고, API·DB·웹 검색은 각각 필요한 데이터를 가져옵니다. 모든 요청이 네 가지 연결을 모두 사용할 필요는 없습니다.
  • 결과는 서버를 거쳐 LLM에 전달하고, 답변·출처·조회 조건을 화면에 반환하는 설계입니다.
  • 현재는 UI 미리보기입니다. 모델·서버·검색·도구의 실제 연결은 예정이며 공급자는 미선정입니다.

LLM 예상 연결 구성도

100%
LLM 예상 연결 구조. Next.js 요청 화면에서 FastAPI로 요청하고, 서버가 LLM과 대화하며 허용된 검색·도구만 실행합니다. RAG 문서 검색, 외부 API, 내부 DB, 웹 검색의 결과를 모델에 전달해 답변을 구성합니다. 화면 외 실제 연결은 모두 예정입니다.

스크롤로 도면을 이동하고, 확대·축소 버튼으로 크기를 조절할 수 있습니다.

시스템 구성도

ARCHITECTURE

전체 시스템 구성도

구성 요소의 역할과 데이터 흐름을 확인할 수 있습니다.

편집 가능한 draw.io 도면
전체 시스템 설계
.drawio 원본
브라우저는 업로드 문서만 추출·청킹·임베딩해 Supabase에 저장합니다. 질문은 Vercel API에서 세션 확인 후 제작자 PC의 Python FastAPI로 전달됩니다. Python이 MPNet, LangChain Retriever, 유사도·BM25/RRF, Redis FIFO 워커, 리랭커와 LLM 답변 처리를 조정합니다. Node 게이트웨이는 PC 추론 자원을 제한적으로 중계합니다.
실선은 현재 동작, 점선은 연결 예정입니다. 구성 요소의 역할과 연결 예정 흐름을 표시한 설계입니다.
구성도 텍스트 설명
  • 직접 업로드 문서는 브라우저에서 추출·청킹·MPNet 768차원 임베딩 후 Next.js의 보안 API를 거쳐 Supabase에 저장합니다. 업로드 전처리 부하는 방문자 브라우저가 맡습니다.
  • 질문 원문은 Vercel API에서 세션 확인 후 인증된 Cloudflare Tunnel을 거쳐 제작자 PC의 Python FastAPI로 전달됩니다. Python이 PC MPNet 임베딩 어댑터를 호출하고 LangChain BaseRetriever가 Supabase의 세션 검증 RPC를 실행합니다.
  • 기본 RAG의 유사도 임계값과 키워드 RAG의 BM25Retriever·EnsembleRetriever(RRF), 근거 선정, 답변 프롬프트·출력 처리는 Python RAG 서비스가 조정합니다.
  • Supabase PostgreSQL/pgvector가 유일한 문서 데이터베이스입니다. 쿠키 UUID별 문서 권한은 DB RPC에서 검증합니다.
  • 답변 작업은 Python FastAPI 프로세스의 Redis FIFO 워커가 직접 소비합니다. Python RAG 파이프라인이 Cross-Encoder와 Ollama Gemma 4 어댑터를 호출해 답변합니다. GTX 1060 3GB에서 Gemma 4 언어 모델 36개 레이어는 CUDA GPU로 처리합니다. 다중모달 비전 인코더는 CPU backend입니다. Next.js는 세션·쿠키와 DB 비밀값을 지키는 얇은 API 경계로 남고, Redis는 대기열이며 문서 저장소가 아닙니다.
  • Supabase 비밀 키는 서버 환경에만 두고, 브라우저에 내려보내지 않습니다.

전체 시스템 구성도

100%
브라우저는 업로드 문서만 추출·청킹·임베딩해 Supabase에 저장합니다. 질문은 Vercel API에서 세션 확인 후 제작자 PC의 Python FastAPI로 전달됩니다. Python이 MPNet, LangChain Retriever, 유사도·BM25/RRF, Redis FIFO 워커, 리랭커와 LLM 답변 처리를 조정합니다. Node 게이트웨이는 PC 추론 자원을 제한적으로 중계합니다.

스크롤로 도면을 이동하고, 확대·축소 버튼으로 크기를 조절할 수 있습니다.

PERSONAL PORTFOLIO

어떤 분이신가요?

선택은 사이트 제작자의 확인 용도 입니다.
이름이나 연락처는 수집하지 않습니다.

접속 시 무작위 UUID를 배정해 쿠키에 3일간 보관합니다. 같은 UUID로 방문·검색·실행 기록을 연결하며, 쿠키가 만료되거나 삭제되면 새 방문자로 처리합니다. 방문자 유형으로 실제 신원이나 권한을 판단하지 않습니다. 이름과 연락처는 수집하지 않습니다. 자세히 보기