대한민국 랜덤 여행 지역 뽑기 웹서비스 소개
여행 가고 싶은데 어디로 갈지 도저히 결정이 안 될 때, 친구들끼리 번개 모임 장소를 정해야 할 때, 그냥 재미로 랜덤 여행지를 골라보고 싶을 때 쓸 수 있는 작은 프로젝트를 만들었습니다.
아래 링크에서 바로 사용해 보실 수 있어요. 😊
대한민국 랜덤 여행 지역 뽑기 바로가기
1. 서비스 한 줄 소개
“대한민국 지도를 보드게임처럼 펼쳐놓고, 버튼 한 번으로 여행지를 뽑는 서비스”입니다.
지도를 보며 가고 싶은 곳을 제외해 두고, 뽑기 시작 버튼을 누르면 ‘뚜두두두두-’ 애니메이션과 함께 한 지역이 딱 결정됩니다.
2. 주요 기능 정리
- 전국 단위 랜덤 뽑기 – 대한민국 전체 도/광역시 기준 랜덤 선택
- 범위 선택 기능 – 도/광역시, 시/군/구, 읍/면/동 단위로 범위를 좁혀 뽑기 가능
- 지도 클릭으로 제외/허용 – 가고 싶지 않은 지역은 제외, 가고 싶은 지역은 범위 선택으로 지정
- 남은 후보 수 표시 – 아직 남은 지역 개수와, 제외한 지역 개수를 상단에서 한눈에 확인
- 랜덤 애니메이션 – 뽑기 시작 버튼을 누르면, 여러 지역이 빠르게 돌아가다가 하나로 멈추는 연출
- 모바일 최적화 – 핸드폰으로도 확대/축소, 뽑기, 제외 기능을 편하게 이용 가능
- 여행 정산하기 – 여행 후 결제 내역을 입력하면 최종 정산표를 자동 계산
3. 화면 구성 살펴보기
서비스 메인 화면은 왼쪽은 대한민국 지도, 오른쪽은 설정 패널로 나뉩니다.
- 지도 영역
- 대한민국 행정구역이 구분된 지도가 표시됩니다.
- 원하는 지역을 클릭하면 제외/허용 상태로 바뀌며 색으로 구분됩니다.
- 지도 우측 메뉴에서 제외 선택/범위 선택을 전환할 수 있습니다.
- 모바일에서는 지역선택 버튼으로 옵션 패널을 열어 조작합니다.
- 오른쪽 설정 패널
- 뽑기 시작 버튼 – 랜덤 뽑기를 시작하는 메인 버튼
- 범위 선택 – 레벨(도/광역시, 시/군/구, 읍/면/동)과, 특정 광역시/도 전체를 지정할 수 있는 버튼들
- 예: “서울특별시 전체”, “경기도 전체”, “부산광역시 전체” 등
- 지정하지 않으면 기본적으로 전국 전체를 대상으로 뽑기가 진행됩니다.
뽑기 결과는 지도 위에 “당첨!!” 라벨과 함께 표시되어, 화면만 띄워놓고도 다 같이 볼 수 있도록 만들었습니다.
4. 사용 방법 (step-by-step)
- 사이트 접속
👉 https://random-location-generator.onrender.com/ - 범위 선택
오른쪽 패널에서 레벨(도/광역시, 시/군/구, 읍/면/동)을 고르고, 필요하다면 “경기도 전체”, “강원도 전체”와 같이 뽑기 대상 범위를 지정합니다. - 가기 싫은 곳 제외 / 가고 싶은 곳 허용
지도 메뉴에서 제외 선택과 범위 선택을 전환해 지역을 선택해 주세요. 색으로 상태가 표시됩니다. - 뽑기 시작 버튼 클릭
뽑기 시작을 누르면 남은 후보들 사이에서 “뚜두두두두-” 랜덤 애니메이션이 진행됩니다. - 결과 확인
애니메이션이 멈추면 지도 위에 최종 선택된 여행 지역이 표시됩니다. - 여행 정산하기
상단 정산하기 버튼에서 결제 내역을 입력하면 최종 정산표가 자동 계산됩니다.
5. 이런 상황에서 쓰면 재미있어요
- 친구들과 주말 여행지 정할 때 – “동해 vs 남해 vs 제주”로 의견이 갈릴 때 랜덤으로 결정!
- 커플 데이트 여행 – 연차를 맞춰 놓고도 어딜 갈지 못 정했다면, 버튼 한 번으로 오늘의 행선지 확정
- 회사/동아리 번개 – 수도권 안에서만 뽑도록 경기도, 서울만 범위로 잡아 사용하는 것도 가능
- 여행 버킷리스트 채우기 – 뽑힌 지역을 하나씩 지워가면서, “전국 투어” 목표로 잡아 써도 재미있습니다.
- 방송/스트리밍 컨텐츠용 – 랜덤 여행 컨셉의 방송을 준비할 때, 라이브로 함께 뽑는 용도로 사용하기 좋습니다.
6. 디자인 & UX 포인트
전체 톤은 보드게임 판 같은 느낌을 살리고 싶어서, 살짝 바랜 종이 느낌의 배경과 굵은 테두리, 심플한 색감을 사용했습니다.
- PC 화면
- 지도는 최대한 크게, 오른쪽 패널에 조작 버튼을 모아 한눈에 보기 좋게 구성
- 남은 후보 수, 제외된 지역 수를 상단에 표시해 “얼마나 좁혀졌는지” 바로 확인 가능
- 모바일 화면
- 세로 화면 기준으로 지도와 버튼을 위·아래로 배치해 한 손으로 조작하기 편하게 구성
- 모바일에서는 지역선택 팝오버를 통해 옵션을 펼쳐 조작할 수 있도록 구성
7. 프로젝트 링크 & 라이선스 안내
이 서비스와 소스코드는 개인 사이드 프로젝트로 제작되었으며,
수익 목적의 무단 재사용 및 재배포는 허용하지 않습니다.
여행지, 약속 장소, 데이트 코스까지 고르기 애매할 때,
복잡하게 고민하지 말고 한 번 랜덤 뽑기에 맡겨 보세요.
우연이 골라주는 그 한 지역에서, 생각보다 괜찮은 추억이 시작될지도 모릅니다. 🙂
728x90
728x90
'Dev > [기타]개발' 카테고리의 다른 글
| [CTE MATERIALIZED] PostgreSQL의 MATERIALIZED / NOT MATERIALIZED 이해하기 (0) | 2025.10.28 |
|---|---|
| [Composite Index & Covering Index] 복합 인덱스와 커버링 인덱스의 개념 정리 (MySQL / PostgreSQL 기준) (0) | 2025.10.15 |
| C++ / OpenCV 번호판 인식 / OpenCV를 활용하여 자동차 번호판 위치 인식하기. (0) | 2025.09.30 |
| Mac 사용중인 포트 번호 확인하기 및 포트 삭제 (0) | 2025.03.25 |
| 도커, 컨테이너, 쿠버네티스트 이게 뭐지? (0) | 2025.02.04 |