완료됨2026

Anatomia

인체를 탐색하는 웹 플랫폼: 실시간 3D 뷰어, 장기와 질병 페이지, WHO / Our World In Data 기반 국가별 보건 통계, 퀴즈와 용어집. 스택: UI는 React + R3F + Vite + Tailwind, API는 FastAPI + SQLAlchemy + PostgreSQL, WHO / Wikipedia 인제스천 파이프라인, 배포는 Docker Compose와 Nginx.

배경

장기, 질병, 인구 보건 데이터를 실시간 3D 뷰어와 결합해 인체를 인터랙티브하게 탐색하는 플랫폼입니다.

기술 스택

React.js

TypeScript

Vite

TailwindCSS

Three.js

React Three Fiber

Zustand

React Query

D3.js

Leaflet

Framer Motion

FastAPI

Python

Pydantic

SQLAlchemy

PostgreSQL

SQLite

Docker

Nginx

Sentry

PyTest

링크

실제 사이트 저장소

아키텍처와 데이터

React와 React Three Fiber 클라이언트가 3D 인체를 렌더링하고, FastAPI와 PostgreSQL API가 장기 및 질병 콘텐츠를 제공합니다. 데이터는 WHO와 위키백과 소스에서 수집하는 파이프라인으로 채워집니다. 배포는 Nginx 뒤의 Docker Compose로 이루어지며, Sentry로 오류를 모니터링합니다.

배경

기술 스택

링크

아키텍처와 데이터

갤러리