어디로 가야할지 막막할땐? 여기저기!

태그 선택만으로 개인 맞춤 여행지를 추천해주는, AI 기반 여행 계획 플랫폼.

🦖 프로젝트 소개

여행 정보는 넘치지만, 어디를 가야 할지 결정하기는 점점 어려워지고 있습니다.

‘여기저기’는 막막한 여행 계획 과정을 태그 선택과 AI 추천으로 단순화하여,

누구나 부담 없이 여행을 시작할 수 있도록 돕는 서비스입니다.

본 프로젝트의 분위기를 표현한 AI 생성 테마곡입니다. ▶️ Suno에서 듣기

• 개발 기간 : 2026.01.23 ~ 2026.01.29 (7일)
• 개발 담당 :
  • 메인페이지 : 이석민
  • 아티클(본문) : 류태우, 최준영, 홍가현
  • 로그인 / 회원가입 : 표지민
  • 지도(맵), 룰렛 : 김세준
  • 마이페이지 : 이소연
  • 챗봇 AI : 신문규

📽️ 프로젝트 기능

태그 필터링
AI 추천
룰렛
일정 관리
후기 작성
지도

🔧 기술 스택

구분	기술
Skill
AI

📂 폴더 구조

```
.
└── 📦 여기저기!/
    ├── 📂 Ai/
    │   ├── Aichatbot.css              # 챗봇 css
    │   ├── AiChatbot.html             # 챗봇 페이지
    │   ├── AIchatbot.js               # 챗봇 로직
    │   ├── Aiflot.css                 # 메인페이지 챗봇 css
    │   └── Aiflot.js                  # 메인페이지 챗봇 로직
    ├── 📂 css/
    │   ├── article.css                # 아티클 페이지 css
    │   ├── auth.css                   # 로그인/회원가입 페이지 css
    │   ├── global.css                 # 공통으로 쓰는 css
    │   ├── index.css                  # 메인페이지 css
    │   ├── map.css                    # 지도 css
    │   ├── mypage.css                 # 마이페이지 css
    │   └── roulette.css               # 룰렛 css
    ├── 📂 html/
    │   ├── article.html               # 아티클 페이지
    │   ├── favorites.html             # 찜하기 목록
    │   ├── index.html                 # 메인페이지
    │   ├── map.html                   # 지도
    │   ├── roulette.html              # 룰렛
    │   ├── mypage.html                # 마이페이지
    │   ├── login.html                 # 로그인
    │   ├── resetPassword.html         # 비밀번호 초기화
    │   └── forgotPassword.html        # 비밀번호 찾기
    └── 📂 js/
        ├── data.js                    # 아티클, 리뷰 정보, 좌표 등
        ├── map.js                     # 지도 로직
        ├── roulette.js                # 룰렛 로직
        └── script.js                  # 네비게이션, UI 인터렉션/
                                       ## 인증 및 커스텀 모달 시스템
                                       ## 찜하기, 상세페이지 UI, 토스트 알림
                                       ## 카드 렌더링, 필터/검색 통합 로직
                                       ## 검색창 태그 관리 & 필터 제어
```

🎨 UI / UX

• 컬러 팔레트

  
  • PRIMARY ( 주요 강조 ) : 신뢰감을 주는 진한 블루
    • 핵심 액션 ( 로그인, 시작하기, 계획 완료 )
  • SECONDARY ( 보조 강조 ) : 청량한 스카이 블루
    • 보조 액션 ( 인증요청, 필터선택, 자세히보기 )
  • POINT ( 주의 / 포인트 ) : 따뜻한 옐로우
    • 경고 / 초기화
  • ACCENT ( 배경 / 중립 ) : 연한 그레이 / 화이트톤

🗂️ 서비스 이용 및 시연 영상

• 웹사이트 바로가기 - 여기저기!
• 시연 영상 보기 - ( 유튜브 링크 )

🦖 About "Team 박치기공룡"

류태우	이소연	이석민	김세준	최준영	신문규	표지민	홍가현
@taeaeuu	@noeyoseel	@seokminseok	@warcat12	@jychoi0831	@gyu98-mun	@JIMIN-1211	@devken65
🧠 팀장 /아티클	✏️ 마이페이지	🏠 메인페이지	🗺️ 지도 / 룰렛	🧠 PM / 아티클	🗣️ AI 챗봇	🔐 로그인 /회원가입	⚓️ 아티클