brunch

매거진 PM이 되고 싶어서

라이킷 20 댓글 4

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 해리스본스 Aug 12. 2022

개발 1도 모르는 기획자가 2주 동안 개발지식을 배우면

[코드스테이츠 PMB 13기]W7D4

스테이 폴리오의 플로우차트와 데이터 작동 방식 예상??

[코드스테이츠 PMB 13기]W6D1 | 수많은 PM 공고를 보면 '데이터 분석' 영역은 PM에게 필수적인 역량이라고 할 수 있다. 그렇다면 데이터베이스를 다루는데 PM이 해야 하는 역할은 무엇일까? ① 이 데이

brunch.co.kr/@haerrrrry/30

오늘은 위의 과제를 2주 동안 배운 개발 지식으로 보완하는 것이 주제이다. 과연 2주 동안 배운 개발 지식을 다시 과제에 적용할 수 있을까....?

플로우 차트 비교

1. 학습 전

이전에 작성해 놓은 플로우 차트이다. 로그인 과정까지 넣어 다소 긴 차트임을 확인할 수 있다.

2. 학습 후

우선, 로그인 플로우 차트를 따로 그리기 위해서 메인 페이지에 들어와서 예약을 완료하는 과정만 그렸다.

또, [여행지~숙소 테마 선택 부분]은 필수 사항이 아니기 때문에 옆으로 빼서 따로 작성했다.

마지막으로 가장 큰 차이점은 서버에 정보를 저장하고 데이터 출력되는 것을 추가했지만 정확하게 작성한 것인지는 모르겠다.

PM 또는 서비스 기획자가 그리는 플로우 차트에 서버 저장도 포함되어야 하는지는 알지 못하지만, 우선 학습을 했으니 적용해봤다!

PM이 작성한 플로우 차트를 보고 개발자는 개발을 진행한다. 플로우 차트가 꼼꼼하게 작성되지 않을 경우 의사소통이 늘어날 수 있을 거란 생각이 들었다. 물론 의사소통으로 해결할 수 있는 부분이지만 이왕이면 최대한 정확하고 자세히 그려야 한다는 점을 다시 깨달았다. 해당 부분은 학습 이후에 추가 학습이 많이 필요해 보인다!

UI, 클라이언트, 서버, DB가 어떻게 작동할지 예상해보자.

1. 학습 전

2. 학습 후

① 결제

고객이 클라이언트(앱 또는 웹)에서 결제를 하면 서버에서 결제 정보를 데이터 베이스에 전송하게 될 것이다. 데이터 베이스는 결제 정보를 데이터로 바꿔 서버에 전송하면 서버는 클라이언트에 결제 완료 화면에 결제 정보를 띄어줄 것이다.

② 예약

예약도 결제와 비슷하게 흘러간다. 고객이 앱 또는 웹에서 예약을 하면 서버는 데이터 베이스에 예약 정보를 전송한다. 데이터베이스는 서버에 예약 데이터를 보내주고, 서버는 클라이언트에 예약 정보가 포함된 예약 완료 화면을 전송한다.

+) 스테이폴리오의 웹을 확인해보자.

1. <head>

① CSS

<link rel="stylesheet" href="/_next/static/css/c77c9d978dde7d75f11f.css" data-n-g="">

css로 끝나는 것을 보니 디자인적 요소로 파악되어 해당 코딩을 지워봤다.

지우니 화면에 있던 모든 이미지는 사라졌고, 메뉴 버튼만 남았다.

+ 정확히는 모르겠으나 아마 저 코딩이 메인 페이지의 모든 이미지 파일을 불러오는 것으로 예상한다.

② JavaScript

<script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ecommerce.js"><link rel="stylesheet" href="/_next/static/css/c77c9d978dde7d75f11f.css" data-n-g=""></script>

https://www.google-analytics.com/plugins/ua/ecommerce.js 사이트로 연결되는 부분 같다. 스테이 폴리오 웹사이트에 GA를 통해 데이터 분석을 하고 있는 것을 예측해볼 수 있는 부분이다.