서비스2022.04Nuxt2VuePressreCAPTCHA

카카오모빌리티 디벨로퍼스

프로젝트 개요

카카오모빌리티에서 제공하는 제품 및 기술에 대한 내용을 담은 페이지

구글 reCAPTCHA 적용
- 제휴 제안 시 무분별한 서버 요청을 제한하기 위해 구글에서 제공하는 reCAPTCHA 기능 적용
SHA-256을 활용한 개인정보 암호화
- 고객사에서 제공하는 키를 환경변수에 저장하고, 해당 키를 이용하여 개인정보 암호화 처리
YouTube embed 구현
- YouTube에서 제공하는 API를 활용해 embed 플레이어 구현 및 상세 페이지 적용
VuePress 내 문서 작업용 컴포넌트 제작
- built-in 컴포넌트 외에도 TW(Technical Writer)가 쉽게 사용할 수 있는 컴포넌트를 제작하고, 가이드 문서를 개발 서버에서 제공
- TW가 개발이나 GUI에 익숙하지 않기 때문에, 문서 영역 배포를 위한 소스트리 사용법을 가이드로 제공

리소스 관리 문제
- 문제 프론트 작업 영역이 2개로 나뉘어 있어 각기 개발을 진행하였고, 서로의 개발 진행 사항을 잘 파악하지 못한 문제가 발생하였다.
- 고려 추후 개발 진행 상황을 주도적으로 확인하였고, 리소스가 모자란 부분에서 지원을 수행하여 일정 이슈 없이 개발이 진행되도록 하였다.
프레임워크에 대한 고민
- 문제 처음 문서 영역은 이전 프로젝트에서 진행한 바가 있었던 Hugo를 고려하였으나, Hugo 프레임워크에 대해 알지 못하는 부분이 많았으며 러닝커브가 크다는 문제가 발생하였다.
- 해결 협업자의 노력으로 고객사에 제안하여 Nuxt와 호환성도 좋으며 Vue를 기반으로 한 VuePress를 최종적으로 사용하게 되었다.
- 개선 프레임워크를 변경한다는 것은 리스크가 있을 수도 있는 선택이었으나, 결과적으로는 개발 측면이나 유지보수 측면에서도 좋은 선택이었다. 면밀히 검토하여 적절한 선택을 하고, 해당 선택을 고객사에 제안할 수 있어야 한다.