diff --git a/README.md b/README.md new file mode 100644 index 0000000..175dab1 --- /dev/null +++ b/README.md @@ -0,0 +1,82 @@ +# TeaTime Cha Cha Cha + +서울 전통 찻집 정보 공유 웹사이트 +전통차 문화를 알리고, 서울 시내 전통 찻집 정보를 한눈에 확인할 수 있는 JSP 기반 웹 프로젝트입니다. + +--- + +## 프로젝트 소개 + +- **프로젝트 기간**: 2021.10.09 ~ 2021.12.12 +- **팀원**: 이예원, 나지영, 변서영, 하예진 +- **역할**: 찻집 정보 수집 및 DB 등록, 찻집 리스트 페이지 개발, 프로젝트 소개 영상 제작 및 자막 삽입 + +> “흩어져 있는 서울의 전통 찻집 정보를 한 곳에 모아 +> 사용자에게 전통차의 매력을 소개합니다.” + +--- + +## 사용 기술 + +| 기술 | 설명 | +|------|------| +| **Java** | 백엔드 로직 구현 | +| **JSP** | 서버 사이드 웹 페이지 구성 | +| **MySQL (HeidiSQL)** | DB 설계 및 관리 도구 | +| **CSS** | 프론트엔드 스타일링 | + +--- + +## 주요 기능 + +### 1. 메인 페이지 +- 오늘의 차 추천 (랜덤) +- 더보기 버튼을 통한 상세 정보 제공 + +### 2. 회원 기능 +- 회원가입 및 로그인 +- 게시판 기능 사용을 위한 인증 + +### 3. 차 소개 +- 다양한 차 종류 그리드 형식 나열 +- 차 이름, 종류, 효능, 맛 등 정보 제공 + +### 4. 전통 찻집 소개 (**담당 기능**) +- 서울 시내 찻집 정보 (이름, 주소, 한줄 소개) +- 직접 수집하여 DB에 등록 후 출력 + +### 5. 게시판 +- 글쓰기 / 답글 달기 / 첨부파일 업로드 +- 게시물 수정 / 삭제 (비밀번호 확인) +- 검색 기능 (제목, 내용, 닉네임) + +--- + +## 데이터베이스 + +- **DB 이름**: `teatimecccdb` +- **사용 도구**: HeidiSQL 9.5.0.5196 (64bit) +- **MySQL 버전**: 5.7.23-log + +--- + +## 트러블슈팅 및 회고 + +- **JSP 첫 사용**: 구조 파악과 동적 데이터 처리에 어려움을 겪었지만, 구글링과 실습으로 익숙해짐 +- **프론트엔드 디자인**: CSS를 이용해 UI를 개선하는 데 시간이 소요됨 +- **페이징 기능 구현 실패**: SQL 로직 및 JSP 페이지 네비게이션 처리 미숙으로 미완성 → 이후 학습 자료로 정리 +- **영상 제작**: 프로젝트 소개 영상 제작 및 자막 삽입을 통해 발표용 자료 완성 + +--- + +## 미리보기 + + + +--- + +## 향후 개선 계획 + +- 페이징 기능 재도전 +- 반응형 UI 적용 +- 찻집 리뷰 및 평점 기능 추가