본문 바로가기
  • Maker's VAP
Project/Web & Mobile

[Web & Mobile] 관리자/고객 주문관련 서비스

by E = mc² 2020. 8. 10.

Eclipse에 Gradle을 빌드하여 SpringBoot를 이용한 주문관리 웹 & 모바일 서비스 프로젝트를 진행한 내용 간략히 정리

 

 

OS : Windows Server 2012
Tool : Eclipse

RDBMS : MySQL (version : mysql-installer-community-8.0.20.0)

 

우선 Maven 대신 Gradle을 빌드하여 대량 데이터를 다루기 훨씬 수월하도록 하였고

가상 서버는 MySQL을 활용, 매뉴얼을 작성하여 담당자가 쉽게 수정 및 관리할 수 있도록 하였다.

 

툴로 이클립스를 선택한 이유는 일반적으로 스프링 부트를 사용할 경우 툴은 STS로 관리한다고 하지만

개발하는 팀에게 있어 더욱 익숙하기 때문에 이클립스로 선택한 것이므로 별다른 의미는 없다.

 

주 언어는 JAVA, Thymeleaf였고 JavaScript, HTML, CSS도 사용하였다.

 

아직 신입이었으므로 사수분의 의견에 따라 내가 직접 기여한 부분은 아주 미미했던 프로젝트...

처음부터 코드를 분석하려고 하면 금방 지치고 질리기 때문에 이해하는데 중점을 두고 기본적인 업무에 집중하게끔 세심히 배려해주셔서 참 감사했다.

 

DBMS는 학원에서 1차 프로젝트 때 Oracle, 2차 프로젝트 당시엔 Oracle SQL Developer를 사용해서

MySQL은 어떨까 궁금했는데 막상 설치하고 계정 만들고 DB를 넣으면서 느낀 건 Oracle SQL Developer와 비슷하다는 것

 


 

해당 프로젝트는 웹과 모바일로 나뉘었는데 웹은 관리자 계정, 모바일은 사용자가 고객으로 나뉘어

고객이 본인의 스마트폰 또는 태블릿, 노트북 등을 이용하여 QR Code로 접속한 후 주문하면

웹 페이지에서 관리자 계정이 로그인하여 해당 주문에 대한 내역을 조회, 주문처리(배송준비중, 배송중, 배송완료)를 하는 시스템이다.

 

 

이런 식으로 상단에는 주문 관련 상황을 바로 확인할 수 있고 좌측에 각 카테고리로 분류,

카테고리를 클릭하면 해당 페이지로 이동하여 조회, 수정, 삭제 기능을 사용할 수 있다.

 

물론 계정 또한 권한에 맞도록 분류하여 총괄관리자 계정이 아이디를 부여하거나 수정, 삭제할 수 있고

서버 관리는 직접 하거나 팀뷰어를 통해 진행 가능하다.

 

 

위의 이미지는 스마트폰으로 접속했을 때 최초 화면이다.

 

QR Code를 이용하여 주문한 곳의 위치와 주문내역을 파악할 수 있고 주문을 취소할 경우 결제를 한 시점으로부터 10분 또는 5분(레스토랑 조리 or 음료 주문 시) 이내에만 가능하도록 설정하였다.

노란 테두리 부분은 로고가 위치한다.

 

QR Code 생성은 네이버 QR코드 를 사용하여 최초 테스트용으로 임의의 수량만큼 생성하여 DB에 넣어 관리자 페이지(Web)에서 관리하도록 하였다. 후에 테스트용 QR Code를 그대로 사용하기로 하였다.

이때 생각해볼 부분이 있는데 동일한 QR Code를 그대로 사용하다 보면 예기치 못한 상황이 발생할 수도 있을 것이다.

이런 예외상황을 고려하여 관리자 페이지에서 새 QR Code를 자동으로 생성해주는 기능을 추가하였는데

버튼을 누르면 자동생성된 즉, 새로 갱신된 새 코드를 부여받아 필요한 곳에 각각 배치할 수 있다.

 

아래 이미지는 ERD 일부분인데 ERD는 프로젝트를 진행할 때 무엇보다 중요하고 끝날 때까지 끝난 게 아니다...

 

 

규모가 작든 크든 DB와 관련되는 ERD는 매우 신중하게 구성해야 추후 프로젝트를 진행하면서 수정할 부분이 적어진다.

만약 처음부터 대충 구성하였다면 이미 프로젝트가 한참 진행된 후에 전체적인 구조 자체를 뒤틀게 되는 불상사가 생길 수 있으니 이를 꼭 염두에 두고 사소한 기능 하나하나 다 명확히 알아야 된다.

 

역시 실무에서 직접 하는 것과 학원에서 배우는 것엔 차이점이 있었고

개발기간 동안 개발과 클라이언트 미팅까지 참석해야 했기에 부담감이 있었는데

완전 전문가이신 사수분 덕분에 당황스러운 상황이나 부담감은 적었다..

하지만 짧은 개발기간과 처음 시안과는 거리가 멀어진 점 등이 매우 아쉬웠다.

반응형

'Project > Web & Mobile' 카테고리의 다른 글

[Web & Mobile] 2021년 새해인사 페이지  (0) 2021.01.02

댓글