목표: 빅테크 기업들이 운영하는 소비자와 식당 운영자를 연결시켜주는 배달 앱을 WebApp으로 구현.
프로젝트 동영상 : Video LINK
프로젝트 PPT : 상세 PPT LINK
- 프로젝트에 시도하고 싶었던 것
- 개발환경
- 디렉토리 패키지 구조
- 일정표, 일지
- ERD
- 와이어 프레임
- 플로우 차트
- 개발기간: 2022.11.29 ~ 2023.01.05
- 플랫폼: Web, WebApp
- 개발인원: 7명
- 프레임워크, 라이브러리 - Java mail sender, Web-socket, Spring boot, JPA(보류)
- 그 외 - 도메인 형 패키지 구조, **컨벤션
- Back-End - JDK11, Spring Boot 2.7.6, Spring Batch, MyBatis, OracleDB(ojdbc v8), Redis
- Front-End - HTML5, CSS, JavaScript, jQuery, Ajax, Jsp
- Infra - AWS EC2(Windows), tomcat 8.5, Route 53, Cafe24(DNS)
- API, 라이브러리 - Kakao API(login, pay, map), Naver API(sms), Java mail sender, WebSocket, Sweetalert2, Bootstrap, Web-socket
- 협업 툴 - Slack, Git, Github, Github Desktop, Source tree, Google sheet, Notion, Erd cloud, Discord
domain
ㄴ admin
ㄴ main (비로그인)
ㄴ member
| ㄴ myPage
| ㄴ order
| ㄴ store
ㄴ owner
global
ㄴ config
ㄴ entity
ㄴ exception
ㄴ interceptor
ㄴ type
ㄴ util
1-1. 카카오 로그인 REST API 를 사용하여 카카오 로그인 가능
1-2. Naver SENS API를 사용하여 휴대폰 번호 인증 가능
1-3. 스크립트와 Redis를 사용하여 인증번호 유효시간 설정
2-1. 내가 선택한 지역 배달 범위에 위치한 식당 리스트 출력(범위계산기술지원-안지훈)
2-2. 가게명 또는 메뉴명으로 검색 가능
2-3. 필터 선택시 필터링 가능
3-1. 기본 주소지 선택 기능 선택한 주소지 외에는 선택 주소지로 변경
3-2. 주소지 추가 기능
3-3 페이지가 아닌 모달로 jsp 파일을 제작하여 다른 페이지에서도 이식이 쉽도록 제작
4-1. 배달 영주증 출력 페이지
4-2. 배달원에게 문자 전달 후, 배달원 스스로 받은 링크에서 배달 완료 처리 가능
4-3. 이후 Redis에 저장된 페이지 주소가 삭제되어 배달 완료된 페이지는 접속 불가(고객 정보 보안 고려)
- include와 load 를 활용하여 한 페이지에서 클릭시 페이지 전환 없이 해당하는 영역만 load 되도록 구현
: 페이지 전환이 없기때문에 뒤로가기시 사용자 입장에서 본인이 보던 페이지로 돌아갈 수 있음