TOTD
기존 Travel Together 프로젝트를 끝내고 관광지 정보를 제공해주는 서비스와 여행 계획 공유하는 서비스를 별도로 제작하려 했으나, 기존 프로젝트에 서비스를 추가하여 확장하는 쪽으로 방향을 바꿔 Travel Together에서 Travel Of The Day라는 이름으로 서비스명도 바꾸고 서비스 추가 전에 이것저것 만져보고 있습니다. :)
v1.0.0 Travel Together
최초 배포 버전으로 travel together 서비스입니다.
v1.1.0 Nextjs
기존 react에서 nextjs로 마이그레이션 했습니다.
travel together 이후에 만들려고 했던 서비스들은 react말고 next로 제작할 계획이였어서 travel together도 nextjs로 마이그레이션 했고, travel together 부분은 아직 클라이언트단에서 데이터페칭이 이루어지고 있어 이 부분도 이후에 추가적으로 수정할 계획입니다.
together 이후 서비스들을 next로 제작하려 해서 마이그레이션한 것도 있지만 해당 작업을 가장 우선해서 진행한 것은 next를 사용하는 것만으로 일부 코드스플릿팅 및 next의 Image 태그를 이용한 이미지 최적화 등을 통해 성능 향상 효과를 볼 수 있을 것으로 예상했기 때문입니다.
실제로 기존 react로 작성된 travel together와 next로 마이그레이션한 이후의 TOTD는 lighthouse 기준 퍼포먼스가 평균 41.43에서 81.29로 2배가량 상승했고 일부 코드 수정으로 SEO부분에서도 이점이 있었음을 확인할 수 있었습니다.
물론 마이그레이션 이후에도 아직 개선해야할 부분이 많지만 그럼에도 해당 작업을 통해 유의미한 효과를 얻은 것으로 생각됩니다.
v1.1.1 버그 수정
홈페이지 배포 후 사용해보던 중 refresh 토큰이 만료된 후, 로그인 정보가 유효해야 이용가능한 페이지에서 로그아웃 시 '로그인이 필요한 서비스입니다.'라는 알림이 두번 표시되는 것을 확인했습니다.
로그인이 필요한 페이지에는 ProtectedRoute 컴포넌트를 통해 로그인 여부를 확인하고 비로그인 사용자는 '로그인이 필요한 서비스입니다.'라는 알림과 함께 로그인 페이지로 이동하게 만들어 두었습니다. 이와 별도로 axios interceptor를 사용하여 access 토큰을 refresh하는 과정에서 refresh요청이 실패하면 ProtectedRoute가 비로그인 사용자를 처리하는 것과 같은 로직으로 사용자를 로그인 페이지로 보내게 해두었던 것이 문제인 것으로 판단되어, 해당 부분을 수정했습니다.
버그 수정 같은 부분은 아무래도 업데이트하면서도 계속 발견될 것 같아서 지속적으로 추적 및 수정해나갈 예정입니다.
v1.1.2 텍스트에디터 적용
기존 travel together에서는 게시글 작성 시 textarea 태그를 사용하고 있었는데, react-quill 에디터를 적용하여 사용자 경험을 개선했습니다. 다만, 게시글 작성 후 h1태그 및 h2태그가 적용되어도 게시글에서 글씨 크기가 일정한 버그를 발견하여 수정 예정입니다.
v1.1.3 페이지네이션 적용
travel together를 개발하며 중요하게 생각한 부분 중 하나가 빠른 개발이였습니다. 그래서 열흘이라는 타임리미트를 설정하여 개발을 진행하였고, 급하게 개발이 진행되다보니 페이지네이션 기능이 개발 중 누락되는 사태까지 발생하게 되었습니다. 배포 이후 해당 내용을 인지하여 게시글 목록과 마이페이지에 페이지네이션을 적용하였습니다.
v1.2.0 서비스명 변경
위 v1.1.3까지는 travel together에서 적용되었어야 할 부분이라 생각하여 서비스명 변경 전 작업을 진행했고 이후 Travel Of The Day로 서비스명을 변경, v1.2.0으로 업데이트 하였습니다.
v1.2.1 이메일 본인인증 적용
TOTD는 여행과 관련된 서비스라 사용자들 간 연결 또한 많이 이루어질 것으로 판단되는데, 사용자 정보를 임의로 입력해도 가입이 되게 만들어져있어 최소한의 본인인증이 필요하다고 판단. 이메일을 통한 본인인증 기능을 추가하였습니다.
추후 업데이트 계획
현재 발견된 버그 수정 및 비밀번호 찾기 및 소셜로그인 등 몇가지 기능 추가 후 관광지 정보 제공 등의 별도의 서비스가 도입될 예정입니다. 또한 이 과정에서 백엔드 쿼리최적화와 프론트엔드 최적화 등도 지속적으로 이루어질 예정입니다.
