목차

1. 프로젝트 소개
2. 배포 링크
3. 기술 스택
4. 프로젝트 구조(ERD)
5. 기능 및 화면 소개
6. 개발 과정
7. 팀원 정보

프로젝트 소개

NAVER 카페 서비스의 각 카페 내에서 제공되는 기능들을 클론하였습니다. 세미나 시간에 배우는 개념을 포함한 풍부한 구현 요소들로 인해 선정하였으며, 이의 세부적 기능까지 구현하는 것을 목표로 하였습니다.

✅ 필수 스펙 구현

• 회원가입, 로그인 및 소셜 로그인 기능
• 유저 계정 페이지
• 글 작성 / 댓글 작성
• 페이지 네이션 : 게시물, 댓글 창 등
• AWS 배포

☑️ 추가 스펙 구현

• 즐겨찾기 수를 기준으로 인기 게시판 기능
• 비밀 댓글 기능

배포 링크

• 배포 URL : https://cafewaffle.shop/
• 일반 계정
  • 테스트 ID : waffleuser
  • 테스트 PW : password123!
• 관리자 계정
  • 테스트 ID : admin
  • 테스트 PW : adminpassword

기술 스택

🖥️ FrontEnd

⚙️ BackEnd

📤 CI/CD

ERD

기능 및 화면 소개

⭐ 실제 화면 소개

1. 회원가입 화면

2. 로그인 화면

3. 소셜로그인 화면

4. 유저 계정 페이지 화면

5. 게시글 작성 화면

6. 게시글 리스트 화면

[기본 보기 방식]

[보기 방식 변경]

7. 게시글 수정 화면

8. 댓글 작성 화면

9. 비밀 댓글 작성 화면

10. 대댓글 작성화면

11. 검색 화면

[전체 게시판, 일반 게시판 하단]

[카페 상단]

[검색 페이지]

12. 정렬 화면

[전체 게시판, 일반 게시판 페이지네이션 정렬]

[카테고리별 정렬]

13.인기 게시판 화면

⭐페이지 별 세부 기능

1. 회원가입, 로그인, 소셜 로그인 페이지
   
   
2. 메인 페이지

• 전체글 보기

3. 사이드바

• 카페 정보
• 나의활동
• 즐겨찾는 게시판
• 즐겨찾기 된 수를 기준으로 인기있는 게시판을 표시 (추가 구현)
• 최근 댓글, 답글
• 카페 탈퇴하기

4. 카페 인기글 게시판

• 정해진 기간 내에서 조회/댓글/좋아요 수를 기준으로 인기있는 게시글 표시

5. 게시판 페이지

• 게시판에 해당하는 게시글 목록 표시

6. 게시글 작성/수정 페이지

• 게시글 작성 및 수정

7. 게시글 페이지

• 게시글 조회
• 댓글, 대댓글, 비밀댓글(추가 구현) 작성 및 삭제
• 게시글 좋아요 및 취소
• 게시글 수정 페이지로 이동
• 게시글 삭제

8. 유저 정보 페이지

• 마이 페이지 : 작성글, 댓글단 글, 좋아요한 글
• 타 유저 페이지 : 작성글, 댓글단 글

9. 검색

• 키워드에 따른 게시글 검색
• 검색 기간 설정, 검색 게시판 설정, 검색 대상 설정, 상세 검색

개발 과정

개발 방식

⭐ 커밋 컨벤션

이름	목적
feat	새로운 기능 추가
fix	버그 수정
docs	문서 업데이트
style	스타일 변경
refactor	리팩토링
test	테스트 추가
chore	유지보수

⭐ Git 브랜치 : GitFlow 방식

이름	목적
main	최종 배포 브랜치
dev	통합 브랜치
feature	기능 개발 브랜치
setEntity	엔티티 통합 브랜치
docs	리드미 수정

⭐회의 방식(Agile)

주 1회 금요일 오후 6시 스프린트

1주차 (12/26)	자기소개, 서비스 정하기, 규칙 정하기
2주차 (1/5)	기본 설정, 도메인 모델, ER 다이어그램
3주차 (1/12)	필수 기능 정리 및 분담
4주차 (1/19)	엔티티 정리, Api 정리
5주차 (1/26)	필수 기능 구현
6주차 (2/2)	추가 기능 구현, 프론트 구현 마무리, 베포

⭐PR 방식

• 백엔드: 자신을 제외한 팀원들을 리뷰어로 설정, 4명의 리뷰어가 있어야 merge 가능
• 프론트: 2인이므로 서로 검토 후 PR

팀원 정보

Team-07	황두현(Leader)	최영주	전수빈	정윤재
GitHub
	박찬영	조현우	허유민
GitHub