TRIPLOG (트립로그)
AI가 여행의 준비 · 이동 · 기록을 하나의 경험으로 연결합니다
배경(Problem)
여행을 좋아하지만 많은 사용자들은 여행의 ‘과정’에서 피로를 느끼고 있습니다.
여행 전
•
어디를 가야 할지 몰라 검색에 많은 시간을 소모함
•
정보가 많아질수록 선택 피로가 증가
•
이동 동선과 시간 계산이 어려워 일정 구성에 부담을 느낌
여행 중
•
순간을 즐기고 싶지만 기록이 번거로움
•
지도, 카메라, 메모 앱을 반복적으로 오가며 여행 흐름이 끊김
여행 후
•
사진만 쌓이고 하루의 스토리가 정리되지 않음
•
글 작성이 부담되어 기록 자체를 포기함
여행의 본질은 ‘경험’이지만, 준비·이동·기록은 여전히 사용자의 부담으로 남아 있습니다.
서비스 소개(Solution)
Triplog는 무엇을 해결하나요?
Triplog는 AI를 활용해 여행의 준비, 이동, 기록 전 과정을 하나의 흐름으로 자동 연결하는 서비스입니다.
•
여행 준비 단계에서는 AI가 장소를 추천하고 일정을 생성합니다.
•
여행 중에는 지도 기반으로 이동 동선을 시각화해 제공합니다.
•
여행 후에는 사진과 장소 데이터를 기반으로 AI가 트립노트를 자동 생성합니다.
사용자는 오직 여행 경험에만 집중할 수 있도록 설계했습니다.
시연 자료
•
주요 흐름: 로그인 → AI 일정 생성 → 지도 확인 → 여행 후 트립노트 자동 생성 → SNS 공유
아키텍처 및 핵심 기능
시스템 아키텍처 개요
•
Frontend: Next.js (Vercel 배포)
•
Backend: Spring Boot (AWS EC2)
•
Database: MySQL
•
Infra: AWS (ELB, S3, Route53)
•
External API: Kakao API, OpenAI API
프론트 → REST API → AI 처리 → 지도·이미지 검증 → 실시간 SSE 응답 구조
핵심 기능
AI 장소 추천 및 위시리스트
•
여행 지역 입력 시 AI가 인기 장소를 추천
•
Kakao Places API를 통해 실제 존재하는 장소만 필터링
•
위시리스트 기반 일정 생성
AI 일정 생성 및 지도 시각화
•
이동 시간, 체류 시간, 혼잡 시간대를 고려한 일정 자동 생성
•
현실적인 방문 순서 제공
•
지도 마커를 통해 이동 흐름을 직관적으로 시각화
AI 오늘의 트립노트
•
여행 중 수집된 사진, 장소, 시간 데이터를 기반으로
•
감성 텍스트를 포함한 하루 여행 기록 자동 생성
•
하나의 콘텐츠 형태로 정리된 트립노트 제공
실시간 일정 생성 (SSE)
•
AI가 일정을 생성하는 과정을 단계별로 실시간 표시
•
사용자 대기 시간 감소 및 신뢰도 향상
SNS 공유 및 SEO 최적화
•
카카오톡 공유 시 미리보기 카드 자동 생성
•
SSR 기반 메타데이터 적용으로 검색 및 공유 최적화
활용 라이브러리 및 개발 환경
기술 스택
Frontend
•
Next.js, TypeScript
•
Tailwind CSS, Shadcn UI
Backend
•
Spring Boot, JPA, Hibernate
•
Spring Security
•
SSE(WebFlux 일부 적용)
Infra / DevOps
•
AWS EC2, S3, ELB, Route53
•
CodePipeline, CodeBuild, CodeDeploy
•
Vercel (Frontend CI/CD)
External API
•
Kakao OAuth, Maps, Places, Talk Sharing API
•
OpenAI API
기술 선택 이유
•
Next.js + SSR: 초기 로딩 속도 및 SEO 강화
•
SSE: AI 일정 생성 과정을 실시간으로 보여주기 위함
•
Kakao API: 실제 장소 데이터 신뢰성 확보 & 자연스러운 공유 경험
트러블 슈팅
AI 일정 신뢰성 문제
•
문제: AI가 존재하지 않는 장소나 비현실적인 동선을 생성
•
해결:
◦
JSON 스키마 검증
◦
wishlistId DB 존재 여부 검증
◦
Kakao Places API 재검증
◦
오류 일정 자동 제거 후 재정렬
이미지 성능 문제
•
문제: 고용량 이미지로 인한 초기 로딩 지연
•
해결:
◦
서버 측 이미지 리사이징 적용
◦
상황별 이미지 크기 사용 (320px, 1024px, 1200px)
팀 소개
팀명: 콜드브루
빠르게 추출하지만, 깊은 맛을 남기는 팀
팀 구성 및 역할
•
팀장 (Backend)
◦
프로젝트 총괄, 문서화, 데일리 스크럼 관리
◦
사용자 인증(JWE), 오늘의 트립노트 API 구현
•
부팀장 (Frontend)
◦
메인 페이지, 트립노트 UI
◦
카카오톡 공유 기능 구현
•
플레이어1 (Frontend / Design)
◦
UI/UX 기획, 카카오 로그인
◦
지도 기반 위시리스트 및 AI 일정 플래너 UI
•
플레이어2 (Backend)
◦
AI 장소·일정 추천 로직
◦
여행/위시리스트 API 구현
•
플레이어3 (DevOps / Infra)
◦
AWS 인프라, CI/CD 파이프라인 구축
•
플레이어4 (Design)
◦
UI/UX 와이어프레임 및 디자인 설계
프로젝트 리뷰 (회고 요약)
•
FE/BE 간 요구사항 조율의 중요성 체감
•
AI 기능도 검증 레이어 설계가 핵심
•
실시간 스트리밍, 트랜잭션 문제 해결 경험
•
협업 프로세스와 코드 품질 모두 성장