본문 바로가기
← cd ~/dongwoobaeprojects/modu-campus

WIP · 2026 — 고려대학교 체인지메이커스 선정

모두의 캠퍼스

고려대학교 장애인·이동약자를 위한 배리어프리 웹 지도. 엘리베이터·경사로·장애인 화장실·점자블록 등 접근성 시설을 지도 기반으로 통합 제공하고, 이동약자 관점의 시설 검색·필터 UX를 설계했습니다.

ROLE
기획 · 설계 · 개발
PERIOD
2026 — 진행 중
STACK
Next.js · Supabase · Leaflet · Cloudflare R2 · Vercel고려대 자체 서버 이관 예정
LINKS
repo ↗ · live ↗
배리어프리 지도 화면 — 캠퍼스 건물과 접근성 시설이 표시된 지도
관리자 콘솔의 건물 관리 목록
관리자 콘솔의 접근성 시설 추가 화면
건물 상세 패널 — 시설 현황과 시설 사진
↑ 배리어프리 지도 (한/EN/中文) / 관리자 콘솔 — 건물 관리 / 시설 추가 / 건물 상세 — 시설 현황·음성 읽기·시설 사진

## 문제

캠퍼스의 접근성 시설 정보는 흩어져 있고, 이동약자가 실제로 이동을 계획할 때 필요한 “이 경로가 휠체어로 갈 수 있는가”라는 질문에 답하는 서비스가 없었습니다. 배리어프리를 정보 나열이 아니라 기능으로 구현하는 것이 목표였습니다.

## 핵심 엔지니어링

경사도 오버레이 + 법적 기준 시각화

경로 구간별 경사도를 색상으로 표시하고, 휠체어 접근 법정 기준 1/12을 범례로 명시. 이동약자 관점에서 “갈 수 있는 길”을 판단할 수 있는 정보를 제공.

관리자 폴리곤 직접 드로잉

지도 위에서 건물 폴리곤을 직접 그려 신규 건물을 등록·편집. 단순 CRUD가 아닌 지도 인터랙션 구현.

Overpass API 동기화 — 3-서버 순차 폴백

OpenStreetMap Overpass 서버 3개를 순차 시도해 외부 API 장애에 대응. 소프트 삭제된 건물은 sync가 재추가하지 않도록 충돌 방지 로직 구현.

Papago NMT 자동 다국어화

관리자가 한국어로 입력하면 등록 시점에 en/zh로 자동 번역(Promise.all 병렬) 후 저장 — 한국어 / English / 中文 i18n 제공.