함께쓰는 여행기록, TravelCarrier 📷
사진별로 추억을 저장하고,
통합적으로 여행을 기록하고,
친구와 함께 편집하고,
사람들에게 공유하고 싶은 당신에게
TravelCarrier의 가장 큰 특징은 일반적인 게시글 종속성의 역전입니다. 일반적 게시판이 여러장의 첨부파일을 허용하는 시스템을 반전하여, 각 첨부파일이 각자의 제목과 본문, 그리고 댓글을 가질 수 있도록 하였습니다. 따라서 인스타그램 스토리에서 느꼈던 불편함(업로드시 수정이 불가능함)을 해결하고, 여행기록에 보다 적합한 사용자 경험을 제공합니다. 이제 사진 하나하나에 담긴 에피소드를 공유해보세요!
테스트
id:[email protected]
pw:111111
배포 주소 : http://www.travelcarrier.site
개발기간 : 2023.03 ~ 2023.09
| Design&Publish | FrontEnd&BackEnd |
|---|---|
| r:loor | cheshire |
📁 회원가입/로그인/로그아웃 + 소셜로그인
- Spring Security를 이용한 자체 회원가입 지원
- OAuth를 이용한 소셜로그인(Google, Kakao, Naver) 지원
📁 위클리(대략적인 여행정보)등록
- 대표사진으로 요약된 여행기록 조회
- 태그된 친구에게 해당 기록의 편집 권한 부여
📁 데일리(일별 여행기록)를 등록
- 여행사진 등록 및 코멘트 작성
- 등록한 사진에 대하여 리사이징
- 각 사진에 대한 코멘트 슬라이드
- 슬라이드의 버튼을 클릭하여 사진별로 댓글 작성
📁 댓글, 대댓글 등록
- 댓글 등록 및 댓글에 대한 대댓글 등록
📁 통합적 검색기능 제공
- 유저와 글에대한 검색 지원
📁 팔로잉/팔로워
- 팔로우 기능을 통해 글 접근권한 다각화
- 팔로잉 유저에 한해 태그기능 지원
📁 화면별 튜토리얼 제공
- 첫 회원가입시 화면별 튜토리얼 자동실행
- 이후엔 도움말 버튼 클릭시에만 실행(쿠키 이용하여 기록 저장)
📁 직관적이고 편리한 데일리 편집
- jQuery-UI를 사용한 드래그앤 드랍 지원
- 각 사진객체를 배열로 관리하여 데이터를 보장
📁 사이트에 최적화된 이미지 리사이징 기능 제공
- imgscalr 라이브러리를 이용한 이미지 리사이징 기능 제공
- 리사이징 및 회전하여 최적화된 사진을 저장
- 이 과정을 통해 사진용량이 획기적으로 줄어 서버 부담 감소
📁 실시간 알림기능 제공
- SSE를 사용, 댓글/태그/팔로우 이벤트에 대해 실시간 알림 지원
📁 글 접근권한 다각화
- 위클리 등록시 public,private,follow 권한설정으로 인한 팔로워 글접근 권한 다각화
- 팔로워와는 별개로 동행인으로 태그되면 접근권한을 가질 수 있음
- 다른 유저의 팔로잉, 팔로워 조회시 로그인유저 기준으로 버튼 활성화
📁 AWS S3로 사진 저장소 분리
- AWS S3에 저장함으로써 로컬서버 용량의 한계를 극복
- 개발측에서 유저의 데이터에 접근할 수 있는 상황 차단, 즉 보안성 확보