나날이 비싸져가는 배달료! 나날이 가벼워지는 자취생의 지갑!
그들의 지갑을 지키기 위해 탄생하였다!
자취생을 부탁해 사이트는 자취생들이 가지고 있는 냉장고 재료를 기반으로 다양한 요리를 보여주는 사이트입니다.
- 로그인/회원가입/회원정보수정
- 네이버, 카카오 소셜 로그인
- 휴대폰, 이메일 인증
- 네이버 캡챠 인증
- 마이페이지(레시피, 댓글, 쉐프, 팔로잉레시피, 레시피노트)
- 쉐프페이지
- 고객센터
- 네이버 스마트에디터
- 최근 본 레시피
- 메인페이지
- 레시피 / 검색어 / 쉐프(유저) 랭킹
- 레시피 분류/검색
- 냉장고
- 카카오 지도
- 레시피 상세페이지/ 댓글 등록
- 레시피 등록
- 매거진
- 쇼핑몰 메인페이지
- 상품 상세페이지
- 장바구니
- 주문서 작성페이지
- 결제
- 우편번호 검색
- 전체 개발 기간 : 2023.10.09 ~ 2024.01.31
- UI 구현 : 2023.10.09 ~ 2023.12.29
- 기능 구현 : 2024.01.02 ~ 2024.01.31
- Front-end : HTML,CSS,JS,jQuery,AJAX
- Back-end : Apache Tomcat, JSP,JDBC,ORACLE
- IDE : Eclipse
├─src
│ ├─action
│ ├─common
│ ├─controller
│ ├─dao
│ ├─dto
│ ├─servlet
│ ├─test
│ ├─vo
└─WebContent
├─html
├─Images
│ └─event
├─js
├─Member_CSS
├─META-INF
├─Recipe_CSS
│ └─Public
├─remaining_files
├─se2823
│ ├─css
│ ├─img
│ │ └─ko_KR
│ ├─js
│ │ └─lib
│ └─sample
│ ├─js
│ │ └─plugin
│ ├─photo_uploader
│ │ └─img
│ └─viewer
│ └─htmlpurifier
│ └─standalone
│ └─HTMLPurifier
│ ├─ConfigSchema
│ │ ├─Builder
│ │ ├─Interchange
│ │ └─schema
│ ├─DefinitionCache
│ │ └─Serializer
│ │ └─HTML
│ ├─EntityLookup
│ ├─Filter
│ ├─Language
│ │ ├─classes
│ │ └─messages
│ ├─Lexer
│ └─Printer
├─Store_CSS
└─WEB-INF
└─lib
- 카카오 & 네이버 소셜 로그인을 할 수 있습니다.
- 휴대폰 & 이메일 & 네이버 캡챠 인증을 진행합니다.
- 비밀번호와 닉네임을 변경합니다.
- 마이페이지 레시피 / 댓글 / 쉐프 페이지 입니다.
- 유저가 작성한 레시피와 댓글, 유저가 팔로잉중인 쉐프의 활동내역을 보여줍니다.
- 마이페이지 팔로잉레시피 페이지 입니다.
- 유저가 좋아요를 누른 레시피를 모아서 보여줍니다.
- 이 화면에서 레시피 팔로잉을 삭제할 수 있습니다.
- 마이페이지 레시피노트 페이지 입니다.
- 유저가 레시피에 작성한 레시피노트를 모아서 보여줍니다.
- 이 화면에서 레시피노트를 수정 & 삭제할 수 있습니다.
- 마이페이지 팔로워 & 팔로잉창을 무한스크롤로 만들었습니다.
- ajax를 이용하여 무한스크롤 기능을 구현하였습니다.
- 마이페이지 프로필 변경 입니다.
- 자기소개와 프로필 이미지를 변경할 수 있습니다.
- 공지사항 / 도움말 / 문의사항 페이지 입니다.
- 사이트의 공지사항과 도움말, 로그인 중인 유저가 작성한 문의사항을 보여줍니다.
- 문의사항 게시글 작성 입니다.
- 네이버 스마트에디터를 사용하여 게시글 작성을 유연하게 할 수 있습니다.
- 문의사항 게시글 수정 & 삭제 입니다.
- 아직 답변받지 않은 문의사항에 대하여 게시글의 수정과 삭제가 가능합니다.
- 최근 본 레시피를 모아서 보여줍니다.
- 레시피 상세페이지를 볼 때마다 쿠키에 해당 레시피의 정보를 저장하여 모든 페이지에서 해당 레시피를 모아서 보여줍니다.
- slick을 이용하여 슬라이드 기능을 추가하였습니다.
- 화살표 클릭 혹은 드레그시 slick을 이용하여 다른 상품들을 보여줍니다.
- 레시피 / 검색어 / 쉐프(유저)를 [일간 / 주간 / 월간]을 기준으로 순위를 적용한 랭킹페이지를 보여줍니다.
- 분류 카테고리 클릭 시 해당 카테고리에 소속된 레시피 목록을 보여줍니다.
- 이름순 / 최신순 / 조회수 순으로 정렬
- 레시피 게시글의 썸네일, 레시피 제목, 레시피 소개, 재료, 조리순서, 작성자 소개, 댓글 순으로 보여줍니다.
- 조리순서는 3가지 버전이 있고 사진이 큰 버전, 사진이 없는 버전, 사진과 글을 한번에 볼 수 있는 버전이 있습니다.
- 재료 클릭시 ‘사용자가 보유 중인 재료’가 포함된 레시피 목록을 출력합니다.
- 제목 클릭시 해당 레시피 상세페이지로 이동합니다.
- 요리에 필요한 재료 중 '사용자가 이미 갖고 있는 재료'와 '부족한 재료'를 분리해서 출력, '부족한 재료' 클릭시 카카오 지도로 근처 대형마트 위치 표시합니다.
- 테마에 맞는 특수 레시피들의 목록을 보여줍니다. 글쓰기(로그인 필요)
- 레시피 제목(필수), 소개와 레시피 카테고리(필수), 재료와 조리순서를 작성할 수 있습니다.
- 페이지 하단에는 '저장하기'(미완성 상태, 마이페이지에서 본인만 볼 수 있는 상태로 추후 수정이 가능합니다.), '저장 후 공개하기'(완성 상태, 타 유저에게 공개되며 추후에 수정이 가능합니다.), '취소하기'(메인페이지로 이동합니다.) 버튼이 있습니다.
- 화살표 클릭시 slick을 이용하여 다른 상품들을 보여줍니다.
- 상품 클릭시 해당 상품 상세페이지로 이동합니다.
- 상품 옵션 선택 후 장바구니 버튼 클릭시 상품 옵션들과 함께 장바구니 페이지로 이동합니다. 선택한 옵션이 없다면 알림이 발생합니다.
- 상품 옵션 선택하고 상품 삭제 클릭시 해당 옵션이 삭제됩니다. 선택한 옵션이 없다면 알림이 발생합니다.
- 상품 옵션 선택하고 선택 구매 클릭시 해당 옵션들과 함께 주문서 페이지로 이동합니다. 선택한 옵션이 없다면 알림이 발생합니다.
- 전체 구매 클릭시 장바구니에 전체 옵션들과 함께 주문서 페이지로 이동합니다.
- 기본 배송지 선택시 유저가 등록한 기본 배송지로 입력값이 채워집니다. 직접입력 선택시 입력값들은 빈칸으로 보여줍니다.
- 배송지 선택 클릭시 해당 배송지 정보로 입력값이 채워집니다.
- 배송지 수정 클릭시 해당 배송지 정보 수정 가능합니다.
- 새 배송지 입력 클릭시 유저의 새로운 배송지 등록이 가능합니다.
- 우편번호 클릭시 우편번호 창이 생성되며, 주소 선택시 해당 주소 정보로 입력값이 채워집니다.
- 결제정보가 임의로 훼손된다면 결제는 진행되지 않으며 알림 발생 후 메인 페이지로 이동합니다.
- 결제하기 클릭시 카카오 결제창으로 결제 진행합니다.
