템플릿 기반 동시 문서 편집 협업 툴 - 3탄 ( 개발, QA, 납기 )

이번 프로젝트는 한글 URL을 사용했습니다. 서비스의 사용자가 초등 저학년의 어린아이들 이기 때문에 영어 사용을 어려워할 것을 고려했습니다. 들어가 보실 분들은 한글로 꾸럼이. com을 입력해주세요.

URL을 치고 들어가면 보이는 템플릿 기반 문서 편집 협업 툴의 메인 페이지입니다. 서비스 설명과 사용 프로세스에 대해서 알 수 있습니다. 또한 오른쪽 상단에서는 프로젝트 생성, 관리, 알림, 마이페이지 메뉴들을 확인할 수 있습니다.

이전에 최종시안에서는 어린 나이의 사용자에 맞춰 메인이미지가 확정되었는데요. 개발 중에 클라이언트님께서 청소년까지 고객군 확장을 생각하신다고 하셨습니다. 그래서 이전의 어린아이의 이미지에서 확장을 고려하시는 고객군까지 생각해 위와 같이 메인 이미지를 변경하게 되었습니다.

회원가입 진행 후 로그인하고 들어가면 프로젝트를 생성하고 참여할 수 있습니다. 프로젝트는 템플릿 기반으로 생성이 되는데요. 템플릿 기반의 동시 문서 협업 툴임으로 요청 시 사용자가 원하는 양식의 템플릿을 커스텀해서 추가해 사용할 수 있는 특징을 가지고 있습니다.

프로젝트 관리에 들어가면 내가 참여하고 있는 프로젝트들을 수정할 수 있고 출력도 가능합니다.

출력 시 개인정보를 입력하시면 함께 출력이 되며 PDF 저장도 가능합니다.

마이페이지에서 회원정보 수정과 프로젝트 최종 완료일을 알려주는 알림 기능도 있습니다.

위와 같이 모든 개발이 완료되었는데요! 이제 납기 전 아주 중요한 과정인 QA를 진행합니다. QA(Quality Assurance)는 개발한 프로젝트가 올바르게 작동하는지 테스트 후 수정을 통해 제품의 완성도를 높이는 작업을 말합니다. 개발 진행에서 미처 발견하지 못한 오류사항들, 발생 문제들을 파악하고 수정하며 완성도를 높이는 작업이죠.

<노션에 정리된 QA진행 리스트>

QA는 기획 PM을 맡은 분이 테스트해야 하는 내용들을 정해 위와 같이 리스트를 만들어 주십니다. QA를 맡은 인원들은 리스트를 확인하고 테스트를 시작하는데요. 이번 개발은 웹서비스이기 때문에 브라우저별로 엣지와 크롬을 나눠 진행했습니다. 오류를 찾아내겠다는 마음가짐을 가진 그들의 눈빛은,, 아래에서 확인이 가능합니다.

<브라우저별로 나눠 QA 진행중인모습>

만약 오류, 수정사항들이 나온다면 알아보기 쉽도록 정리 후 개발자님께 수정 요청을 드립니다. 개발자님은 요청사항을 보시고 오류 수정을 진행하시죠. 이후 다시 한번 제대로 작동이 되는지 테스트 후 정상처리가 되면 완료됩니다. 이 작업을 여러번 반복합니다.

이렇게 꼼꼼한 QA 진행 후 납기 드렸는데요. 부가적인 기능까지 추가하여 2차 개발까지 생각을 하고 계시답니다. 템플릿 기반 동시 문서 협업 툴이 궁금하시다면 와서 구경해보세요~