지금 그 동네, 얼마나 붐빌까? — NEMONE PACE에 실시간 유동인구 정보를 붙이기까지

수집 주기는 10분으로 정했습니다. 서울시 원본 데이터 자체가 내부적으로 5분 안팎으로 갱신되기 때문에, 그보다 촘촘하게 조회해봐야 의미는 없고 서버 부담만 늘어난다는 계산이었습니다.

---

3. 화면에 뭘, 어떻게 보여줄까 — 가장 오래 걸린 부분

데이터를 받아오는 것보다, 좁은 모바일 화면에 무엇을 얼마나 보여줄지가 훨씬 어려운 문제였습니다.

• 처음엔 혼잡도·인구수·날씨·연령대·성별을 전부 욱여넣었더니, 정작 가장 중요한 "혼잡도"가 화면 밖으로 잘려나가는 문제가 반복됐습니다.
• 그래서 우선순위를 다시 세웠습니다. 혼잡도와 인구수가 최우선, 나머지(연령대·성별·날씨)는 보조 정보로 격을 낮췄습니다.
• 성별 표기도 "남성 55% / 여성 45%"를 둘 다 보여주면 줄이 밀려서, 우세한 쪽 하나만 보여주는 식으로 압축했습니다.
• 메인 화면 상단에는 여러 지역 정보를 순환해서 보여주는 "전광판" 티커를 만들었습니다. 공항 게시판 느낌을 살리려고 split-flap 애니메이션 라이브러리까지 붙여봤는데, 실제 기기에서 확인해보니 레이아웃이 깨졌습니다. 미련 없이 기존 방식으로 롤백했습니다. 새 기술을 써보는 것보다 "실제로 잘 보이는 것"이 우선이라는 판단이었습니다.

이 과정에서 실제 모바일 화면으로 계속 확인하며 수십 차례 미세 조정을 거쳤습니다. 코드가 동작하는 것과, 화면에서 깨지지 않고 예쁘게 보이는 것은 전혀 다른 문제였습니다.

---

4. 다국어 지원, 그리고 예상 못 한 버그 발견

혼잡도 기능을 한국어·영어·중국어·일본어 4개 언어로 대응하는 김에, 기존 서비스의 다국어 처리 상태도 다시 점검했습니다.

그 과정에서 이번 작업과는 무관해 보이는 오래된 버그를 하나 발견했습니다. 최근 새로 수집한 장소들은 이름이 일본어로도 이미 번역되어 저장되고 있었는데, 정작 화면에는 계속 한국어로만 표시되고 있었던 겁니다. 원인을 추적해보니:

1. 장소 상세·목록을 조회하는 API가 애초에 일본어 번역 데이터를 응답에 담지 않고 있었고,
2. 화면을 그리는 컴포넌트 여러 곳에서도 "영어면 영어로, 중국어면 중국어로" 분기 처리는 있는데 일본어 분기만 통째로 빠져 있었습니다.

번역 자체가 안 된 게 아니라, 이미 완성된 번역 데이터가 조회 API와 화면 표시 로직, 두 군데에서 그냥 버려지고 있었던 겁니다. 오늘 작업과는 별개의 문제였지만, 다국어 대응을 점검하는 김에 같이 찾아서 고쳤습니다.

---

5. 무엇이 완성됐나

• 성수 / 홍대 / 강남역 / 이태원 / 광화문, 5개 지점의 실시간 혼잡도·인구수 제공
• 지도 탭에서는 카드 형태로 자세히, 메인 화면에서는 전광판 형태로 요약해서 노출
• 강남·강북처럼 넓은 권역은 지점을 추가로 늘릴 수 있는 구조로 설계 (예: 강북에 광화문 추가 완료, 향후 확장 가능)
• 카드를 탭하면 해당 지역의 지도 화면으로 바로 이동
• 데이터는 서버에서 10분마다 자동 갱신, 4개 언어로 서비스

---

돌아보며

이번 기능에서 가장 크게 배운 건 "API 연동" 자체보다 검증하는 습관이었습니다. 지점 이름 하나도 문서를 믿지 않고 실제로 호출해서 확인했고, 로컬에서 잘 돈다고 안심하지 않고 서버 이전까지 마무리했고, UI도 코드가 아니라 실제 화면으로 계속 재확인했습니다. 새 기술(split-flap)을 붙였다가 실제로 안 맞으면 미련 없이 되돌린 것도 같은 맥락이었고요. 그 과정에서 뜻밖에 오래된 버그까지 잡을 수 있었던 건 덤이었습니다.

"실시간"이라는 단어를 쓰려면, 정말로 실시간이어야 한다 — 이번 작업 내내 되새긴 원칙입니다.