서해안 물때 정보 시각화 서비스 '바다길' - 조석표를 애니메이션으로

들어가며

제부도, 영흥도, 무창포 등 서해안 바닷길을 여행하려면 반드시 확인해야 하는 것이 바로 물때(조석) 정보입니다. 하지만 기존 조석표는 숫자와 시간으로만 나열되어 있어, 실제로 언제 통행이 가능한지 직관적으로 파악하기 어려웠습니다.

이러한 불편함을 해결하기 위해 개발된 서비스가 바로 바다길(Badagil)입니다.

---

바다길이란?

공식 사이트: https://badagil.co.kr

바다길 - 오늘 서해안 물때표 & 바다 갈라짐 시간 (제부도/대부도/선재도)

 

국립해양조사원의 조석 예보 데이터를 기반으로, 서해안 주요 바닷길의 통행 가능 여부를 실시간 애니메이션으로 보여주는 웹 서비스입니다.

핵심 기능

1. 실시간 차량 애니메이션

• 현재 시각 기준 통행 가능 시 → 차량이 바닷길을 건너는 애니메이션 재생
• 통행 불가 시 → 차량 정지 + 진입금지 아이콘 표시

2. 스마트 카운트다운

• "3시간 27분 후 바닷길이 닫힙니다"
• "1시간 42분 후 바닷길이 열립니다"
• 실시간 초 단위 계산으로 정확한 잔여 시간 제공

3. 반응형 웹 디자인

• 별도 앱 설치 불필요
• PC, 태블릿, 모바일 모든 환경에서 최적화
• PWA 지원으로 홈화면 추가 가능

제부도 물때시간표

---

지원 지역

현재 다음 지역의 물때 정보를 제공하고 있습니다:

지역소재지특징

제부도	경기 화성시	가장 유명한 바닷길, 약 2.3km
영흥도	경기 안산시	영흥대교 개통 후에도 바닷길 유지
선재도	경기 안산시	대부도에서 연결
무의도	인천 중구	실미도 인근
무창포	충남 보령시	신비의 바닷길로 유명
웅도	충남 당진시	소야도와 연결

---

기술적 특징

개발자 입장에서 흥미로운 부분들을 정리해봤습니다.

데이터 파이프라인

 

 

국립해양조사원 API 
→ Python 스크립트 자동 수집
→ GitHub Actions 스케줄링 (일 2회)
→ JSON 데이터 변환
→ Netlify CDN 배포

프론트엔드 최적화

• CSS3 Keyframe Animation: 부드러운 차량 이동 효과
• JavaScript 실시간 연산: 조석 데이터와 현재 시각 비교
• GPU 가속: transform3d 속성 활용
• 성능 최적화: RequestAnimationFrame 사용

서버리스 아키텍처

• JAMstack 방식으로 구현
• 백엔드 서버 없이 정적 호스팅
• 운영 비용 제로

---

개발 배경

2023년 제부도 여행 중, 텍스트 기반의 조석표를 보며 다음과 같은 불편함을 느꼈습니다:

"만조 06:23, 간조 12:45... 그래서 지금 건널 수 있다는 건가?"

이러한 문제의식에서 출발하여:

• 누구나 이해할 수 있는 시각적 인터페이스
• 복잡한 계산 없이 즉시 판단 가능
• 공공데이터의 실용적 활용

위 세 가지를 목표로 개발을 시작했습니다.

---

사용 가이드

기본 사용법

1. 웹사이트 접속: https://badagil.co.kr
2. 지역 선택: 상단 메뉴에서 방문 예정 지역 클릭
3. 정보 확인:
   • 차량 애니메이션으로 현재 통행 가능 여부 확인
   • 카운트다운으로 잔여 시간 확인

모바일에서 앱처럼 사용하기

iOS (Safari):

1. 공유 버튼 클릭
2. "홈 화면에 추가" 선택
3. 추가 완료

Android (Chrome):

1. 메뉴(⋮) 클릭
2. "홈 화면에 추가" 선택
3. 추가 완료

---

주의사항

⚠️ 안전 수칙

• 물때 정보는 참고용입니다. 실제 현장 상황을 우선으로 판단하세요.
• 기상 조건이 나쁠 경우 물때가 맞아도 통행이 불가할 수 있습니다.
• 여유 시간을 충분히 두고 이동하세요. (최소 30분 전 도착 권장)
• 현장 안내판과 관리 인력의 지시를 따르세요.

📌 데이터 출처

• 국립해양조사원 조석 예보 API
• 공공데이터포털 개방형 데이터

---

향후 계획

현재 계획 중인 기능들입니다:

• CCTV 실시간 영상 통합
• 날씨/풍랑 정보 결합
• 푸시 알림 기능 (바닷길 개방 30분 전)
• 과거 통행 기록 통계
• 사용자 커뮤니티 리뷰 기능

---

마치며

공공데이터를 활용하여 실생활의 불편함을 해결하는 것.

그것이 바다길 프로젝트의 시작이었습니다.

서해안 바닷길 여행을 계획 중이시라면, 바다길을 통해 보다 안전하고 편리한 여행을 즐기시길 바랍니다.

🔗 바다길 바로가기: https://badagil.co.kr

---

관련 링크

• 국립해양조사원 조석예보
• 공공데이터포털
• 제부도 관광 안내

---