🍅주제
위치 정보를 이용하여 근처 가게 정보 제공 및 홍보 연동
1. 개발환경
프로그래밍 언어:
PHP,Javascript,HTML,CSS,MYSQL
개발환경:Visual Studio Code,APACHE
기타:AWS EC2
2. 개발배경
코로나19로 인해 소상공인들을 도울 뿐만 아니라 비대면 수업으로 주변 지리를 모르는 대학생들에게 다양한 정보를 제공한다.
3. 나의 역할
백엔드, 서버 관리 및 데이터베이스 관리
간단한 프론트엔드 기능 제작
4. 기능
- 지도를 통한 위치 확인 및 본인 근처에 있는 등록된 가게들만 확인이 가능.
- 지도와 연동되어 언제 어디서나 쉽고 빠른 쿠폰 발급.
- QR코드 인식을 통한 빠른 쿠폰 사용.
- 가게 주인만 이용 가능한 게시판을 통한 홍보 효과 및 자신의 주변의 가게만 볼 수가 있다.
5. UI
로그인 화면
가게 주인 회원가입 화면
일반 사용자 회원가입 화면
홈화면
가게 리스트 화면
가게 정보 화면
가게 등록 화면
가게 게시글 화면
게시글 작성 화면
내 정보 화면
쿠폰 등록 화면
쿠폰 확인 화면
출석 쿠폰 화면
🍅문제점 및 해결방법
1. 서버 포트 충돌의 문제
XAMPP로APACHE서버를 열게되면 기본 포트번호는80번이다. 하지만 80번 포트는 다른 어플리케이션과 충돌이 계속 생겨서 포트 번호를8080번으로 수정했다.
2. 데이터베이스 설정 문제
다른 백엔드를 맡은 친구와 코드를 공유하고 수정할 때마다 내가 쓰는 데이터베이스 계정과 친구의 데이터베이스 계정의 ID와 PASSWD가 달라서 항상 모든 파일의 값을 일일이 수정해야하는 번거로움과 에러가 있었다.
dbadmin.php라는 파일을 따로 만들고 그곳에 데이터베이스 정보를 저장한 뒤 나중에
include하는 방식을 통해 해결했다.
3. 검색 방식의 문제
검색창 UI에서 검색을 하면 DB에서 가게의 정보를 찾아 그것을 웹페이지로 띄우는 방식으 구현해야 했다. 당시의 나는 sql명령어를 통해 검색을 하고, 그 부분만 따로 렌더링해서 하는 비동기방식으로 구현을 시도했다.
하지만 나의 실력이 부족해서인지 결국 구현을 못 했다
GET방식을 이용해 새로운 페이지를 로드하여 검색결과를 불러오는 방법으로 구현했다.
4. 팀원과의 불화
지금 생각해보면 해당 프로젝트 자체가 난이도 자체는 낮아서 기술적으로 큰 문제는 없었다고 생각한다. 가장 큰 문제는 팀원과의 불화였다.
문제점은 여러가지였다.1. 팀원과의 서로 의사소통이 잘 안됌
2. 열심히 안 하고 참여를 잘 안 하는 팀원의 존재
3. 당시 모두 프로젝트 및 개발이 처음
나와 나의 친구는 백엔드였고 잘 참여를 안 하는 팀원은 프론트엔드였다. 당시 우리는 프론트엔드의 역할이 그저 HTML과 CSS코드만 작성하는 것인 줄 알았다. 그로인해 백엔드인 우리가 프론트엔드 역할까지 도맡아서 하게 되었으며 이것이 불화의 원인이 되었다.
또한 우리는 백엔드는 백엔드끼리 프론트엔드는 프론트엔드끼리 의사소통을 하는 경우가 많아서 이것도 많은 문제점이 있었다.
해결방법: 그냥 우리가 지금 어떤 상태이고 무엇이 힘든지 말 했다. 이 방법이야 말로 가장 간단하면서 쉽고 확실한 방법이었다.
이를 통해 프로젝트에서 가장 중요한 것은 개개인의 실력이 아니라 팀원과의 소통임을 크게 깨달았다
