기획에서는 맛집과 유명한 음식, 다양한 상점과 볼거리 등을 소개하여
관광객들에게 현지 음식 문화와 도시의 생생한 면모를 전달하고자 합니다.
1. 개발환경
2. 역할
3. 개발 일정표
4. DB설계도
5. 사이트 설명
6. 기능별 테스트 결과
7. 시연 영상
Back-end
Front-end
Database
Version Control
Development Tool
Progress Sharing
Work Document Management
- 여행 정보 게시판 구현
- API 활용 방법 조사
- 공공데이터 API를 활용하여 맛집/명소/호텔/주차장/카페/관광안내소 게시글 및 상세페이지 구현
- 게시글 정렬
- 게시글 추천 및 게시글 페이징
- 비동기 댓글 CRUD와 대댓글 기능
- 여행 정보 카테고리별 DB 설계 보완
- 페이지 디자인
- 계획 수립 단계에서 전반적 페이지 디자인 구상
- 이미지 소스 제작 및 적용
- 메인페이지 메뉴, 로그인, 회원가입 CSS 설정
- include 페이지 담당
- 산출물 제작 및 관리
- 발표자료의 전반적 관리 및 담당
- 프로젝트 발표자료 제작
- 프로젝트 매니징
- 일정 관리 및 역할 분담
- 코드 작성 방식 수립
- 데이터 모델링
- 전반적 DB 설계
- 여행 후기 게시판 구현
- 게시글 내 이미지, 링크, 영상 삽입 및 텍스트 스타일 설정 기능
- 키워드 검색, 게시글 정렬
- 게시글 추천 및 링크 공유, 게시글 페이징
- 비동기 댓글 CRUD와 대댓글 기능, 댓글 페이징
- 산출물 제작
- 시연 영상 촬영 및 편집
- 회원가입 페이지 및 기능 구현
- 아이디와 닉네임 중복 확인 및 유효성 검사
- 로그인 페이지 및 기능 구현
- 로그인, 아이디 기억 기능
- 비밀번호 찾기: 입력된 이메일 주소로 임시 비밀번호 발송
- 로그인 유무에 따른 interceptor 처리
- 자료조사 및 산출물 제작
- 이미지 데이터 수집
- 프로젝트 발표자료 제작
- 사용자 정보 설정 페이지
- 회원가입 조건에 부합하는 유효성 체크를 통해 개인정보 수정 처리
- 사용자가 작성한 게시글, 댓글 조회
- 사용자 본인인증 처리: 입력된 이메일 주소로 인증코드 발송
- 포인트 교환 페이지
- 게시글 및 댓글 작성 시 포인트 지급 기능
- 본인인증 완료된 사용자에 한해 포인트를 쿠폰으로 교환 가능하도록 처리
- 교환된 쿠폰은 본인인증 시 입력했던 이메일 주소로 코드번호 발송
- 사용자 프로필 기능
- 프로필 이미지 변경 및 관련 기능
- 자료조사 및 산출물 제작
- 프로젝트 발표자료 제작
- 8/7 ~ 8/10 프로젝트 설계, 자료 조사 (4일)
- 8/11 ~ 8/23 기능 구현 (13일)
- 8/21 ~ 8/22 테스트, 리팩토링 (2일)
- 8/23 ~ 8/24 결과물 서류 작업, 영상 촬영 (2일)
- 8/25 발표
- 전체DB 설계도
- 카테고리DB 설계도
- 사용자후기DB 설계도
메인 화면
로그인 페이지
비밀번호 찾기 페이지
회원가입 페이지
마이페이지
사용자가 작성한 게시글 목록 페이지
사용자가 작성한 게시글 댓글 목록 페이지
사용자 정보 수정
이메일 본인 인증
맛집 전체 목록 페이지
맛집 상세보기 페이지
숙소 전체 목록 페이지
숙소 상세보기 페이지
명소 전체 목록 페이지
명소 상세보기 페이지
전시 전체 목록 페이지
카페 전체 목록 페이지
주차장 전체 목록 페이지
관광안내소 전체 목록 페이지
사용자 게시글 전체 목록 페이지
사용자 게시글 작성 페이지
사용자 게시글 상세보기 페이지
사용자 포인트 교환 페이지
맛집, 숙소, 명소 등의 API 데이터를 활용하는 과정에서 가장 많은 시간을 소요했습니다. 처음에는 API가 정확히 무엇을 의미하는지조차 알지 못했지만, 여러 사이트를 찾아가며 그 개념과 데이터를 가져오는 방법을 차근차근 익혀가는 과정이었습니다. 실제로 데이터가 성공적으로 불러와졌을 때의 뿌듯함은 이루 말할 수 없었습니다. 또한, 프로젝트 초기부터 주기적인 회의와 효율적인 협업 덕분에, 이 프로젝트가 제 첫 경험임에도 불구하고 방향성을 잃지 않고 원하는 결과물을 얻을 수 있었습니다.
지도 API를 구현하고 싶었지만, 일부 데이터에 주소가 누락된 경우가 있어 이를 보완하기 위해 텍스트로만 정보를 표시하는 방향으로 전환했습니다. 하지만 차후에는 지도 API의 활용법을 추가로 정리할 계획입니다.
이러한 과정을 통해 프로젝트 수행에 있어서의 새로운 경험과 배움을 얻을 수 있었고, 앞으로의 프로젝트에 더 나은 방향을 제시할 수 있을 것으로 기대됩니다.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent