내일배움단 프로젝트 챌린지 2일차 개발일지ㅣ메이킹챌린지 12기[개발일지]

🚗 팀 아콰마린 2일차 개발일지

2일차 : 프로젝트 세팅 회의

🤔 논제 정리

---

🎯  프로젝트 결정 안내

• 1인가구 레시피 추천 웹 사이트로 결정

🎯  제시 의견 정리

• 카드 형식으로 소개
• sns의 레시피를 데이터베이스화
• 좋아요 추천 기능을 활용하여 많은 좋아요를 받은 레시피 상단 출력
• 게시판 커뮤니티를 활용한 나만의 레시피 기능 제공
• 후기를 댓글 형식으로 작성하는 기능

🎯  아이디어 추가 및 건의

• 폼이 일정한 카드 덱의 형태로 출력하는 것이 좋아보임
• 오늘의 추천레시피를 메인 상단에 출력
• 이미지 업로드 기능을 활용
• 리뷰 상세 기능은 문자열만 활용(중간중간 사진을 이용하지 않음)
• 반응형 웹디자인 희망

🎯  프로젝트 기능 구상

• 프론트엔드
  • 메인페이지 - 오늘의 레시피, 상세 레시피, 슬라이형 후기
  • 리스트페이지 - 레시피 전체 리스트를 카드 덱 형태로 출력
  • 인기페이지 - 주간 월간 등의 필터로 구분된 리스트페이지 카드덱 형태
  • 상세 페이지 - 레시피 부분 상세 설명, 댓글 형태의 후기 작성
• 백엔드
  • 데이터베이스 - 레시피, 후기작성, 카테고리구성
  • 데이터베이스 - 레시피
    • 이름, 분류, 이미지, 링크, 재료, 시간, 난이도, 과정, 좋아요 로 구성
  • 데이터베이스 - 수작업
  • 페이지네이션 - 카드덱
  • 필터 기능

🎯 오늘의 추천 레시피 선정

• 매일 달라지는 레시피
• 추천 1~10 위 중 랜덤으로 하나를 추출해서 매일 달라짐

🎯 데이터베이스 - 레시피

• 이름
• 분류 - 한식, 중식, 일식, 분식
• 이미지
• 링크
• 재료
• 시간
• 난이도
• 과정
• 좋아요 - 0으로 초기 세팅

🎯  전체 리스트 카드

• 이미지, 이름, 작성자, 추천수

🎯  레시피 상세 페이지

• 레퍼런스: 배달의 민족 어플
• 레시피, 조리과정, 후기를 탭으로 나누어 구성

🎯  인기레시피와 테마레시피

• 테마레시피 예시: ‘봄과 어울리는 레시피' 와 같은 테마 선정된 레시피 페이지
• 인기레시피 : 추천수 인기순위 페이지 구성

🎯  나만의레시피 제작

• 리스트 페이지에서 추가 버튼
• 로그인 세션 필요함
• 나만의레시피 수정 가능

🎯  마이페이지

• 회원가입한 사용자가 레시피 관련 데이터를 볼 수 있는 공간
• 즐겨찾기 페이지
  • 유튜브 플레이리스트와 유사한 방식
• 내가 작성한 나만의레시피 페이지

🖌 기술 정리

---

🎨  레이아웃 디자인

1. 🧩  메인페이지
   • 내비게이션바 : 각 페이지로 이동
   • 테마배너
   • 추천배너
   • 인기배너
2. 🧩  리스트페이지
   • 내비게이션 바
   • 필터바 : 분류,시간,난이도 등의 필터
   • 카드덱 : 일률적 크기와 여백을 가진 카드 구성
   • 카드 : 이미지, 이름, 작성자, 추천수 구성
   • 추천 : 추천수를 기준으로 데이터를 내림차순 정렬
3. 🧩  레시피페이지
   • 내비게이션 바
   • 탭 : 레시피, 조리과정, 후기로 구분
   • 즐겨찾기 버튼 : 폴더를 만들거나, 존재하는 폴더로 데이터 넣기
4. 🧩  테마페이지
   • 원페이지
   • 배너, 링크를 통해서만 이동
   • 개발자가 선정한 레시피 출력
5. 🧩  인기페이지
   • 원페이지
   • 주간, 월간 등으로 나뉜 상위 레시피를 1~10위까지 출력
   • 강조 텍스트 형태로 출력(카드덱과 다름)
   • 버튼을 통해서 월간, 주간 등을 자유롭게 변경가능
6. 🧩  나만의레시피페이지
   • 로그인 필요
   • 수정이 가능해야 함
7. 🧩  즐겨찾기페이지
   • 로그인 필요
   • 사용자가 직접 추가 할 수 있음
8. 🧩  나만의레시피확인페이지
   • 로그인 필요
   • 사용자가 작성한 레시피를 확인 가능
9. 🧩  로그인페이지
10. 🧩  회원가입페이지

👀 레퍼런스

---

• https://www.10000recipe.com/recipe/list.html 만개의레시피 리스트