Create README.md

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 적용
+- 찻집 리뷰 및 평점 기능 추가