목록으로
생활 속 AI 활용
종이 지도와 뱃길안내, 관광안내를 터치 한 번의 디지털로 전환한 사량도 스마트 웹앱
사량도 여행객의 배편 정보, 산악 조난 위험을 해결, GPS 안전 지도, 열린 소통 단 하나의 모바일 웹앱으로 완성한 AI 코딩 개발 경험
🤖 활용 AI 도구
구글 안티그래비티
① 어떤 상황에서 AI를 활용했나요?
도서(섬) 지역의 고질적인 정보 파편화와 안전 사각지대 :
연간 수천명이 찾는 통영 사량도는 3개 항구에서 배가 출항하지만 선사마다 시간표가 흩어져 있고, 특히 "섬에서 언제 나가는 배가 있는지(출도)" 실시간으로 알기 어려웠습니다. 또한 한국 100대 명산인 지리망산-옥녀봉은 험준한 암릉으로 실족 사고 위험이 높고, 종이 지도는 글씨가 작아 고령자나 등산객이 확인하기 어려웠습니다. 무엇보다 섬을 홍보하기 위해 만들게 되었습니다
1인 개발의 한계 극복 필요:
전문 외주 개발팀이나 수천만 원의 예산 없이, 여행객과 도서 주민에게 꼭 필요한 '실제 작동하는 완성도 높은 디지털 서비스'를 혼자서 빠르고 완벽하게 구축해야 하는 상황에서 AI를 개발 파트너로 활용했습니다.
② 어떤 AI를 어떻게 활용했나요?
AI를 '풀스택 페어 프로그래머이자 테크니컬 리드'로 활용:
- 프론트엔드 모바일 퍼스트 구현: 한 손 조작(Thumb-Zone)에 최적화된 7대 탭(홈, 소개, 배편, 등산, 먹거리, 낚시, 사랑방) 반응형 UI와 PWA(Progressive Web App)를 AI와 협업하여 코딩했습니다.
- 초고화질 지도 줌/패닝 뷰어 개발: 2,500px 고화질 관광안내도를 모바일에서 두 손가락으로 벌려 확대(핀치 줌)하거나 더블탭, 드래그 이동할 수 있는 제스처 엔진을 AI를 통해 구현했습니다.
-산악 안전 알고리즘 탑재: 스마트폰 GPS와 연동하여 위험 절벽 150m 접근 시 진동 경보를 울리고, 조난 시 클릭 한 번으로 GPS 위도·경도 좌표를 119에 문자로 전송하는 기능을 AI로 구현했습니다.
- 클라우드 실시간 DB(Firebase) 연동: 누구나 로그인 없이 글과 답글을 남기고 비밀번호로 관리할 수 있는 '열린 사랑방' 커뮤니티와 관리자 CMS를 Firebase Realtime Database REST API와 안전하게 연동(XSS 스크립트 보안 차단 적용)했습니다.
③ 활용 결과 어떤 변화가 있었나요?
개발 기간 및 비용의 혁신적 단축 (수개월 ➔ 단 며칠):
- 기획부터 코딩, 테스트, 보안 검증, GitHub 배포, PDF 매뉴얼 제작까지 전 과정을 AI와 실시간 페어 프로그래밍으로 진행하여 수개월 걸릴 프로젝트를 단며칠 만에 완성했습니다.
실제 손안에서 작동하는 '원스톱 도서 라이브 서비스' 탄생:
- 배편 실시간 잔여시간 카운트다운으로 헛걸음 방지
- 손가락으로 400%까지 시원하게 확대되는 관광안내도 제공
- 위험구간 안전 우회로 안내로 등산 조난 사고 예방
- 주민과 여행자가 실시간으로 조황과 여행 팁을 주고받는 열린 소통 창구 확보
- 네트워크가 불안정한 섬 환경에서도 끊김 없는 오프라인 퍼스트(Service Worker) 서비스 구현
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
'현장 피드백 중심의 애자일(Agile) 반복 개선':
- AI에게 한 번에 모든 것을 시키는 것이 아니라, 기능을 하나 만들고 로컬 서버에서 직접 써보면서 "섬에서 나가는 배 시간도 카운트다운해줘", "작은 지도 글씨가 잘 보이게 핀치 줌을 넣어줘", "누구나 답글을 달 수 있는 사랑방을 만들어줘"와 같이 실제 이용자 관점의 요구사항을 단계별로 피드백하며 완성도를 극한으로 끌어올렸습니다.
이중 안전장치 아키텍처 적용:
- 바다 위나 산 정상 등 통신 음영 지역에서도 화면이 꺼지지 않는 로컬 캐싱과, 접속자 전원이 함께 소통하는 Google Firebase 실시간 클라우드를 결합하여 완성도를 높였습니다.
완벽한 사후 관리 체계 구축:
- 비전문가도 웹에서 직접 시간표를 고칠 수 있는 관리자 패널(CMS)과 공식 PDF 사용자 매뉴얼까지 AI로 자동 생성하여 지속 가능한 운영 기반을 마련했습니다.
⑤ 다른 사람도 따라 할 수 있나요?
누구나 100% 따라 할 수 있습니다!
- 복잡한 프레임워크나 전문 코딩 언어를 깊이 알지 못해도, "우리 지역의 어떤 문제를 해결하고 싶은가"에 대한 명확한 문제의식과 현장의 데이터만 있다면 AI에게 차근차근 질문하고 코드를 발전시켜 실질적인 웹 서비스를 만들 수 있습니다.
- 특히 본 프로젝트의 전체 소스코드와 매뉴얼은 GitHub에 오픈할 예정이라, 다른 섬 지역이나 축제 현장, 지자체 관광지에서도 소스코드의 텍스트와 이미지만 바꾸면 즉시 벤치마킹하여 활용할 수 있습니다.
도서(섬) 지역의 고질적인 정보 파편화와 안전 사각지대 :
연간 수천명이 찾는 통영 사량도는 3개 항구에서 배가 출항하지만 선사마다 시간표가 흩어져 있고, 특히 "섬에서 언제 나가는 배가 있는지(출도)" 실시간으로 알기 어려웠습니다. 또한 한국 100대 명산인 지리망산-옥녀봉은 험준한 암릉으로 실족 사고 위험이 높고, 종이 지도는 글씨가 작아 고령자나 등산객이 확인하기 어려웠습니다. 무엇보다 섬을 홍보하기 위해 만들게 되었습니다
1인 개발의 한계 극복 필요:
전문 외주 개발팀이나 수천만 원의 예산 없이, 여행객과 도서 주민에게 꼭 필요한 '실제 작동하는 완성도 높은 디지털 서비스'를 혼자서 빠르고 완벽하게 구축해야 하는 상황에서 AI를 개발 파트너로 활용했습니다.
② 어떤 AI를 어떻게 활용했나요?
AI를 '풀스택 페어 프로그래머이자 테크니컬 리드'로 활용:
- 프론트엔드 모바일 퍼스트 구현: 한 손 조작(Thumb-Zone)에 최적화된 7대 탭(홈, 소개, 배편, 등산, 먹거리, 낚시, 사랑방) 반응형 UI와 PWA(Progressive Web App)를 AI와 협업하여 코딩했습니다.
- 초고화질 지도 줌/패닝 뷰어 개발: 2,500px 고화질 관광안내도를 모바일에서 두 손가락으로 벌려 확대(핀치 줌)하거나 더블탭, 드래그 이동할 수 있는 제스처 엔진을 AI를 통해 구현했습니다.
-산악 안전 알고리즘 탑재: 스마트폰 GPS와 연동하여 위험 절벽 150m 접근 시 진동 경보를 울리고, 조난 시 클릭 한 번으로 GPS 위도·경도 좌표를 119에 문자로 전송하는 기능을 AI로 구현했습니다.
- 클라우드 실시간 DB(Firebase) 연동: 누구나 로그인 없이 글과 답글을 남기고 비밀번호로 관리할 수 있는 '열린 사랑방' 커뮤니티와 관리자 CMS를 Firebase Realtime Database REST API와 안전하게 연동(XSS 스크립트 보안 차단 적용)했습니다.
③ 활용 결과 어떤 변화가 있었나요?
개발 기간 및 비용의 혁신적 단축 (수개월 ➔ 단 며칠):
- 기획부터 코딩, 테스트, 보안 검증, GitHub 배포, PDF 매뉴얼 제작까지 전 과정을 AI와 실시간 페어 프로그래밍으로 진행하여 수개월 걸릴 프로젝트를 단며칠 만에 완성했습니다.
실제 손안에서 작동하는 '원스톱 도서 라이브 서비스' 탄생:
- 배편 실시간 잔여시간 카운트다운으로 헛걸음 방지
- 손가락으로 400%까지 시원하게 확대되는 관광안내도 제공
- 위험구간 안전 우회로 안내로 등산 조난 사고 예방
- 주민과 여행자가 실시간으로 조황과 여행 팁을 주고받는 열린 소통 창구 확보
- 네트워크가 불안정한 섬 환경에서도 끊김 없는 오프라인 퍼스트(Service Worker) 서비스 구현
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
'현장 피드백 중심의 애자일(Agile) 반복 개선':
- AI에게 한 번에 모든 것을 시키는 것이 아니라, 기능을 하나 만들고 로컬 서버에서 직접 써보면서 "섬에서 나가는 배 시간도 카운트다운해줘", "작은 지도 글씨가 잘 보이게 핀치 줌을 넣어줘", "누구나 답글을 달 수 있는 사랑방을 만들어줘"와 같이 실제 이용자 관점의 요구사항을 단계별로 피드백하며 완성도를 극한으로 끌어올렸습니다.
이중 안전장치 아키텍처 적용:
- 바다 위나 산 정상 등 통신 음영 지역에서도 화면이 꺼지지 않는 로컬 캐싱과, 접속자 전원이 함께 소통하는 Google Firebase 실시간 클라우드를 결합하여 완성도를 높였습니다.
완벽한 사후 관리 체계 구축:
- 비전문가도 웹에서 직접 시간표를 고칠 수 있는 관리자 패널(CMS)과 공식 PDF 사용자 매뉴얼까지 AI로 자동 생성하여 지속 가능한 운영 기반을 마련했습니다.
⑤ 다른 사람도 따라 할 수 있나요?
누구나 100% 따라 할 수 있습니다!
- 복잡한 프레임워크나 전문 코딩 언어를 깊이 알지 못해도, "우리 지역의 어떤 문제를 해결하고 싶은가"에 대한 명확한 문제의식과 현장의 데이터만 있다면 AI에게 차근차근 질문하고 코드를 발전시켜 실질적인 웹 서비스를 만들 수 있습니다.
- 특히 본 프로젝트의 전체 소스코드와 매뉴얼은 GitHub에 오픈할 예정이라, 다른 섬 지역이나 축제 현장, 지자체 관광지에서도 소스코드의 텍스트와 이미지만 바꾸면 즉시 벤치마킹하여 활용할 수 있습니다.
