초대장 서비스 [ 여기 여기 붙어라 👍 ] 완성 후기

 

 

 

  간단하게 시작했던 프로젝트가 생각보다 커져서 두 달 만에 드디어 버전 1 배포를 성공했다. 거의 카카오 api 활용 스터디였던 것 같다. 카카오 지도, 톡캘린더, 카카오톡 공유, (다음) 우편번호 서비스, 그리고 카카오 로그인까지 열심히 배우고 찾고 적용해 보면서 REST API 사용에 더 익숙해질 수 있었다. 정말 삽질도 많이 했는데, 이와 관련해서는 따로 정리해 둘 생각이다. ( → https://ddppp.tistory.com/160 )

 

 

>> 서비스 사용해 보기

www.here-here.co.kr

여기 여기 붙어라

 

 

>> 코드 보러 가기

https://github.com/dd-stack/here-here

GitHub - dd-stack/here-here: 캐주얼 초대장 서비스 [여기 여기 붙어라] 프로젝트

 

 

 

배포 후 약 일주일 간 집중적으로 주변 사람들에게 피드백을 받아 보았다. 아래는 그 내용을 정리한 것이다. 

 

- 카카오 맵을 누르면 지도 앱으로 연결되거나 전체 화면으로 볼 수 있었으면 좋겠어

- 누가 내 초대장을 수락했는지 알 수 있었으면 좋겠어  → 버전 1.1.0 업데이트 시 반영됨

- 초대장 페이지에 타이틀이 표시되면 좋겠어  → 버전 1.1.0 업데이트 시 반영됨

- 사진 위치나 크기, 투명도 등을 간단하게 편집할 수 있었으면 좋겠어

- 기본 초대장 이미지도 있으면 선택하기 편할 것 같아

- 초대장을 만들 때 미리 보기를 보려고 왔다 갔다 하는 게 불편해 + 초대장 만들기 페이지 진입 시 스크롤이 제일 위로 올라와 있는 게 나을 것 같아

 

 

이 밖에 개인적으로 개선해 보고 싶은 부분은

 

- 이미지 미리 보기 로직 개선하기 (지금은 s3 버킷에 올렸다가 삭제하는 과정을 반복하고 있음)

- 로그인 상태 화면과 로그아웃 상태 화면을 라우터로 한 번에 처리하기 (지금은 각 페이지에서 일일이 처리하고 있음)

- 카카오 지도 관련 에러 해결하기 (기능에 문제는 없지만 쓸데없이 요청을 보내는 부분이 있는 것 같음)

- 구글, 네이버 등 다른 OAuth 서비스 도입

 

 

아, 로그인 처리를 위한 유저 정보 저장을 세션 스토리지에 하도록 해두었는데, 브라우저를 닫을 때마다 다시 로그인하는 것이 불편하다는 의견이 있으면 로컬 스토리지 저장으로 로직을 바꾸려고 했었다. 그런데 그런 의견이 없어서 이 부분은 그대로 두기로 했다. 

 

로그인 정보 저장에 세션 스토리지를 이용한 이유?

1) 우리 서비스는 초대장을 만들고 공유하는 것이 주 기능이므로 자주 사용되는 서비스가 아니다.

2) 카카오 로그인 도입으로 로그인이 어렵지 않다. (버튼 한 번만 클릭하면 됨)

3) 아무래도 토큰이 함께 저장되기 때문에 브라우저 종료 시 저장 정보가 날아가는 세션 스토리지가 더 안전하다. 

 

 

  이번 프로젝트는 도메인도 사서 연결해 놓았고, 최소 1년 정도는 클라이언트도 서버도 계속 업데이트를 해가며 운영을 해볼 생각이기 때문에 (9월 5일 기준 유저 수 30명 🍼) 여기 적어둔 개선 사항을 하나씩 해결해 나갈 예정이다. 지속적인 피드백을 위해 프로젝트용 이메일도 만들었고, 아무래도 로그인을 하지 않으면 회원 서비스를 아예 둘러볼 수 없기 때문에 (카카오 로그인 기반이라 테스트 아이디를 제공할 수 없음) 서버와 연결되지 않은 샘플 사이트도 만들어 두었다. 

 

 

 

(+) 실제로 친구들을 만날 때마다 잘 이용하고 있다. 아래는 다양한 사용 사례이다. 

 

 

[ 초대장 예시 ]

 

- 피드백 요청 시 보냈던 초대장 :

https://www.here-here.co.kr/card/68f1936f-1635-4b13-8449-9d39f26e9811

 

- gif 파일을 이용한 초대장 : 

https://www.here-here.co.kr/card/22280c12-3e2d-484f-95c3-9526a7dea33c

 

- 어째서인지 초대장이 아니라 결투장(?)으로 이용하는 사람들이 있다.