여행 일정 앱 '여다'의
서비스 뒷부분 살펴보기(2)
[코드스테이츠 PMB 16기] W7D4
＃ 아래의 내용은 코드스테이츠 PMB 16기 과정 중 일간 과제를 수행하기 위한 학습 과정입니다.
＃ 목표 : W6~W7동안 배운 내용을 기반으로 W6D1 과제를 수정해보기
지난 2주동안 (W6, W7) 강의를 바탕으로 본인이 관심 있는 프로덕트에서 유저가 할 수 있는 행동에 대한 Flow Chart를 만들어 봅시다. (Technical Flow Chart 검색 시 다양한 플로우차트 작성 방법이 나옵니다)
지난 2주동안 (W6, W7) 강의를 바탕으로 1번에서 선택한 행동 시 UI, 클라이언트, 서버, DB가 각각 어떻게 보이고 작동할지 예상하여 적어 봅시다.
✔ 시작하며
저는 지난 주 월요일, 나의 여행 일정을 1분 내로 알려주는 앱 '여다'의 User flow chart를 작성해보았습니다. 백엔드 개념을 전혀 모르던 상태에서 과제를 진행했기에 부족한 점이 많았습니다.
오늘은 학습한 내용을 기반으로 해당 과제에서 작성했던 user flow chart를 수정해보는 시간을 가져보려고 합니다. 물론 100% 이해한 상태가 아니라 조금 과제 수행과정에서 미숙한 부분은 여전히 존재하겠지만, 나름의 학습의 결과를 반영해 수정하려고 합니다.
그리고 그 과정 속에서 UI, 클라이언트, DB, 서버가 각각 어떻게 작동하게 될 지 정리해보도록 하겠습니다.
✔ 개선해본 Technical flow chart
지난 과제에 이어 조금 개선해 본 flow chart입니다. 그동안 학습했던 서버, 데이터베이스, API의 개념을 추가해 보완을 진행했습니다. 현직자분들이 보기엔 여전히 다른 의미로 흥미로운(?) 내용일 수 있지만, 최소한 실제 서비스를 기준으로 어떤 식으로 각 단계에서 행동이 일어나는 지 감을 잡을 수 있었던 것 같습니다.
개선해본 플로우 차트이 Flow chart를 기반으로 다시 설명을 하자면, 고객이 디바이스에서 앱 아이콘을 터치해 실행을 하면, 앱 서버에 명령이 들어가고, 서비스 데이터가 저장되어 있는 DB에서 데이터를 다시 서버로 보내줍니다. 그리고 다시 고객에게(클라이언트) 홈 화면을 노출시킵니다.
그리고 홈 화면에서 회원가입 여부에 따라 고객은 서비스를 이용하는데, 회원가입을 하지 않은 경우 휴대폰 인증을 진행해야 하기에 휴대폰 인증을 위한 API를 활용해 본인인증 서버에 있는 본인인증 프로세스를 진행하고 인증 결과를 개인정보 DB에 저장합니다.
이용약관을 이후 동의하게 되는데, 이는 서비스 관련 데이터가 저장되어있는 DB에서 값을 가져오고 해당 결과 또한 개인정보 DB에 저장하게 됩니다.
이후 '여다'의 핵심기능인 '여행 프로필 만들기'를 실행하면 고객의 개인별 여행 취향에 대해 다양한 질문을 통해 정보 수집을 진행합니다. 이 과정에서 수집된 정보 또한 개인정보 DB에 평소에는 저장해둡니다. 그리고 다음 단계에서 실제 여행 일정을 짜기 위해 해당 데이터는 호출됩니다.
고객이 '여행 출발일'을 선택하고, 여행 일정 받기 버튼을 클릭하고 주문 완료(해당 서비스에서 완료의 의미)를 하면, 카카오톡 메시지를 보내는 API를 활용해 카카오톡 서버에서 고객의 카카오톡 ID 정보를 받아와 해당 ID에 여다에서 제공하는 여행 여정 정보를 메시지를 통해 자동으로 전송해줍니다.
전체 플로우는 이렇게 진행되고, 해당 여정 정보는 다시 개인 정보 DB에 저장되어 고객이 원하는 경우 앱 내에서 이전 여행 일정을 다시금 확인 할 수 있도록 돕습니다.
