Coding

DB

  프로젝트의 전체 DB의 모습이다. 지금 서버에 올라간 DB는 총 19개이지만 프로젝트를 진행하면서 기능의 변경이 일어났고, 그로 인해 사용하지 않는 DB 3개를 제외하여 16개만 나타냈다. 그러나 프로젝트를 진행하면서 DB가 추가되고 있어 최종적으로는 20개 가까이의 DB 테이블이 생성될 것으로 예상하고 있다. 

클라이언트 페이지 설계

전체적인 클라이언트 페이지 간의 관계를 나타낸 것이다. 실제로는 각 페이지에서 더 세부적인 기능이 있으며, 로그인과 회원가입 기능도 제공한다. 

사장님 페이지 설계 

마찬가지로 사장님 페이지 간의 관계를 나타낸 것이다. 

실제로는 사이드 메뉴를 통해 모든 페이지를 접근할 수 있기 때문에 거의 모두 동등한 깊이를 가진다고 볼 수 있다. 

  유즈 케이스 다이어그램이라던가 다양한 방식으로 현재 프로젝트의 구조를 설명할 수 있겠지만, 프로젝트 규모가 꽤 커서 혼자 한 번에 정리하기 어려운 점이 있어 우선은 이정도로 설명하고 각 기능을 구현한 방법을 포스팅하면서 (가능하다면) 자세히 설명할 것이다.

개요

9월 3일 이전에 작성한 경쟁 앱 분석 내용을 가지고 회의를 진행했으며, 이번 과제는 UI를 작성하는 것이었다. 팀원분의 추천에 따라 figma로 UI를 작성해보게 되었다. 

프론트엔드 담당자 분들은 클라이언트 페이지, 백엔드 담당자 분들은 사장님 페이지의 UI를 구성해보게 되었는 데 문제는 백엔드 담당자 모두 디자인에 취약하여 클라이언트 페이지와 사장님 페이지 UI의 퀄리티가 차이가 나게 되었다...

백엔드 UI는 거의 내가 작업하게 되어 올려도 될 것같아서 올려 본다. 

사장님 페이지 UI 

정말 민망한 수준이지만 정말 최선이었다....

figma를 처음으로 다루어보는 데 종이에 그리거나 포토샵으로 그리는 게 낫겠다는 생각이 들 정도로 어려웠다. 

특히 표를 그리는 툴이 없어서 난감했었다.. 

초기 UI에서 상당히 많은 부분을 수정한 모습이다. 

그렇지만 아직도 부족한 부분이 많아 프론트 분들에게 염치가 없어지는 상황이다.. 

여담이지만 프론트분들이 작성한 클라이언트 페이지는 정말 출시해도 될만큼 훌륭하게 작성해주셔서 너무 멋지고 대단해보였었다. 내가 맡은 부분이 아니여서 공개하기가 어렵다는 것이 아쉬울 따름이다. 

개요

8월 19일 킥오프 미팅 이후 2주 동안 경쟁 앱인 '김캐디'를 분석하였다. 

앱 분석은 스토리보드 형식으로 진행하였고, 각자 역할을 분담하여 정해진 부분을 분석하였다. 

기능별로 분석한 다음 해당 앱에 대해 개선이 필요한 부분과 적용하면 좋은 부분에 대해서 분석하였다. 

SWOT 분석도 하면 좋았을 테지만, 당시에는 기업 입장에서 분석해야 하는 지, 학생 입장에 분석해야 하는 지 애매한 부분이 있어 간단하게 장단점 정도만 분석하였다. 

분석 내용

분석 내용은 본인이 맡은 부분의 일부만 올려본다. 

내가 맡은 부분은 매장 상세페이지, 예약 및 결제와 관련된 페이지였다. 

다른 앱을 분석한 내용이라 조금 민감할 수 있어 어떻게 진행했는지 파악만 가능하도록 일부분만 올린다. 

실제로는 12페이지에 걸쳐서 분석하였다. 

  이런 식의 분석은 지난 프로젝트를 진행하면서 했던 방식으로, 이번에도 적용하면 좋을 것 같아서 제안하여 적용하게 되었다. 실무의 기획 파트에서 사용하는 웹 스토리보드 또는 화면 설계서 양식을 비슷하게 적용해 본 것인데, 간단하게 UI와 기능 정의만 작성하였다. 원래의 웹 스토리 보드라면 전체 페이지 구조, 메뉴 구조, 화면 목록, 프로세트, 정책 등 다양한 내용이 포함되어야 했을 것이다.

참고했던 유튜브 

https://www.youtube.com/watch?v=ra3EpF9WTow 

프로젝트의 목적

  지도 앱을 통해 골프장의 위치와 간단한 정보를 알 수 있지만, 해당 골프장의 예약현황, 시설 정보, 가격, 부가서비스 등의 자세한 정보를 얻기 위해서는 별도의 검색이나 문의가 필요하다는 번거로움이 생긴다. 또한 사용 가능한 골프장이 여러 개 있을 경우, 각각의 골프장의 정보를 하나하나 비교해 보는 과정은 사용자에게 큰 불편함으로 다가온다. 만약 여러 골프장에 대한 정보를 통합하여 하나의 앱 또는 웹으로 제공한다면, 소비자가 정보에 더욱더 쉽고 빠르게 접근할 수 있을 것이다. 따라서 ‘실시간 골프장/스크린 골프장 간편 예약 플랫폼’의 개발을 통해 많은 골프장 이용자에게 편의성을 제공하고자 한다.

프로젝트의 목표

스크린 골프장을 실시간으로 예약 가능한 플랫폼을 만든다.

클라이언트 페이지와 사장님 페이지의 2가지 페이지를 만든다.

각 페이지는 다음과 같은 기능을 제공한다. 

클라이언트 페이지

• 위치 기반 서비스
• 예약 및 결제 기능
• 필터링 기능
• 예약 목록
• 마이페이지
• 최근 본 매장
• 로그인 & 회원 가입

사장님 페이지

• 대시보드
• 예약 관리
• 정산관리
• 가격관리
• 매장 관리
• 로그인 & 회원가입

진행 상황 

  본 프로젝트는 기업에서 제안한 프로젝트의 내용을 보고 학생이 지원을 하면, 학교에서 학생 팀과 기업을 매칭하여 프로젝트를 진행할 수 있는 산학 연계 프로젝트이다. 기업과의 매칭은 2021년 7월 달에 이루어졌지만, 우리 팀의 경우 기업과의 연락에 약간의 문제가 생겨 2021년 8월부터 본격적인 프로젝트가 시작되었다. 킥오프 미팅 이후로 경쟁 앱 분석, UI 작성, DB 작성, 프로젝트 구현 순으로 진행되었고, 현재 프로젝트는 약 50%정도 구현되었다. 

맡은 부분

  이 프로젝트는 react(프론트)와 springboot + Mybatis (백엔드)를 이용하여 진행하고 있으며, 프론트 2명 백엔드 2명으로 구성되었다. 본인은 이 프로젝트에서 백엔드 개발을 맡고 있으며, 구체적으로 맡은 부분은 다음과 같다.

• jenkin를 이용한 서버 배포 및 관리
• 로그인, 회원가입 API 
• 마이페이지 API 
• 최근 본 매장 API 
• 예약 목록 조회 및 상세 예약 내용 조회 API 
• 평점 추가 API 
• 사장님 매장 조회 및 등록 API 
• 가격 등록 및 조회 API 
• 결제 API 

현재 결제 API를 제외한 대부분의 API를 구현한 상태이지만, 리팩토링이 많이 필요한 상태이다.