- 개발기간 : 2022/8/1 ~ 2022/8/12 (10일)
- 개발 인원 : FE 4명, BE 2명
- Front-end : 김영수, 박성은, 손민지, 이금관
- Back-end : 김동규, 박서윤
식물 판매 및 식물 커뮤니티 사이트 싱그러운 집을 모티브로 한 프로젝트 입니다.
기존 싱그러운 집 사이트와 차별화 되는점은 e-커머셜 기능을 제외하고 커뮤니티 기능에 중점을 둔 것입니다.
기존 사이트 '싱그러운 집'에서는 모티브만 가져왔을 뿐 개발은 초기 세팅부터 모두 직접 구현하였으며,
이번 프로젝트는 다양한 라이브러리와 API를 최대한 활용하는 것을 목표로 진행하였습니다.
- 메인 페이지 (React-Slick 라이브러리를 이용한 이미지 슬라이더 구현)
- 소셜 로그인 (카카오 REST API)을 이용한 로그인 페이지
- 게시글목록 페이지
- 게시글목록 페이지 내 검색 및 필터링 기능
- 개별 게시글 상세 페이지
- 게시글 댓글, 대댓글 기능 생성, 수정 및 삭제 기능
- 글쓰기 페이지 (여러개의 사진을 Form Data를 이용하여 보내기)
: 사이트 메인 페이지
- React-Slick 라이브러리를 사용한 이미지 슬라이더 구현
- Kakao REST API를 이용한 소셜 로그인 기능 구현
- 로그인 및 로그아웃 기능 구현
: 게시한 글의 목록 조회하고 검색할 수 있는 페이지
- 글의 제목, 카테고리, 해시태그 등의 정보를 이용한 검색 및 필터링 기능 구현
- KaKao Maps API를 이용한 지도 기능 구현
- 사용자 경험을 위한 페이지네이션 기능 구현
: 게시글 내용 작성 페이지
- Form Data를 활용한 게시글 작성 기능 구현
- Drop Zone 라이브러리를 이용해 drag n drop으로 사진 첨부 기능 구현
- S3를 이용한 이미지 파일 첨부 기능 구현
: 게시글 내용 상세(조회) 및 댓글 페이지
- KaKao Maps API를 이용한 지도 기능 구현
- 댓글 및 대댓글의 생성, 수정, 삭제 기능 구현
- 사용자 경험을 위한 댓글 페이지네이션 기능 구현
- 사용자 경험을 위한 로딩 페이지 생성
- 이 프로젝트는 싱그러운집 사이트를 참조하여 학습목적으로 만들었습니다.
- 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
- 이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.