Day 2 코드스테이츠 First Project

오늘의 프로젝트 목표

• 프로젝트 Requirements 완료
• 프론트엔드 세부 기획 완료
  1. 페이지 나누기
  2. 와이어 프레임 작성 (페이지별 기획)
• 백엔드 세부 기획 완료
  1. 스키마 작성
  2. API 문서 작성
  3. 아키텍쳐 다이어그램 작성

프로젝트 내용

Project Requirements

Bare minimum requirements

• 자체 회원가입, 소셜 회원가입 , 회원탈퇴, 회원정보 수정 (유저 CRUD)
• 로그인-로그아웃 (유저 CRUD)
• 핫딜 CRUD
  • 핫딜 만들기 (C)
  • 전체, 개별 핫딜 보기 / 핫딜 필터링 (R)
  • 핫딜 업데이트 (U)
    • 크롤러
    • 특정 기간마다 정보 수집
  • 핫딜 삭제 (D)
• 검색 필터링 [권장]
• 포럼 CRUD [권장]
  • 포럼 글쓰기 / 댓글달기(C)
  • 포럼 전체 글 보기 / 개별 글 보기(R)
  • 포럼 글 수정(U)
  • 포럼 글 삭제(D)

Advanced

• 위치 기반 서비스
  • 네이버 or 구글 지도 API
• 해시태그 기능 구현
• 서버 성능 향상
  • DB 관리
    • 메모리 누수 방지를 위한 오래된 DB 삭제 처리
• 회원등급 구현
  • 회원의 자기 만족도를 위한 뱃지
• 출석체크 구현
  • 회원들의 자기 만족도를 위한 출석체크
• 관리자 기능 구현
  • 관리자 로그인, 로그아웃
  • 기고 관리
    • 요청 기고글 보기
    • 요청 승인/거부
• 새 글 / 읽지 않은 글 / 내가 본 딜 분류하기(history활용)

Nightmare

• 후원기능
  • 카드사와 협업
• 다크모드/화이트모드
• 알림 기능
• 회원 등급을 바탕으로 좋아요 누르기 권한 부여
  • 좋아요 조작 방지

페이지 나누기

1. 홈페이지

<navi> 컴포넌트 :

<sidebar> 컴포넌트 : login컴포넌트 + 필터 컴포넌트

<login> 컴포넌트 : 아이디, 비밀번호입력, 회원가입 버튼

<filter> 컴포넌트 : 원하는 정보에 따라 필터링

<main> 컴포넌트 : 크롤링해온 데이터를 뿌려주는 페이지

<DogGain 랭킹 top 3> 컴포넌트 : 1위,2위,3위

<DogGain 포럼랭킹 top 3> 컴포넌트 : 1위,2위,3위 [권장]

 

2. 회원가입 페이지

<header> 컴포넌트 : DogGain 로고

<signup> 컴포넌트 : 아이디, 비밀번호, 비밀번호 재확인, 별명, 생년월일, 성별, 본인확인 이메일, 가입하기 버튼

<footer> 컴포넌트 : 카피라이트, 저작자

 

3.랭킹 페이지

<header> 컴포넌트 : 로고 + 검색창(권장)

<navi> 컴포넌트 :

<sorted>컴포넌트 : 딜 > DogGain 랭킹

<sidebar> 컴포넌트 : login컴포넌트 + 필터 컴포넌트

<login> 컴포넌트 : 아이디, 비밀번호입력, 회원가입 버튼

<filter> 컴포넌트 : 원하는 정보에 따라 필터링

<main> 컴포넌트 : 크롤링해온 데이터 중 조회수를 기준으로 뿌려주는 페이지

4.후기 페이지(권장)

<header> 컴포넌트 : 로고 + 검색창(권장)

<navi> 컴포넌트 : 랭킹 + 후기 ...

<sorted>컴포넌트 : 전체 / 후기

<sidebar> 컴포넌트 : login컴포넌트 + 필터 컴포넌트

<login> 컴포넌트 : 아이디, 비밀번호입력, 회원가입 버튼

<filter> 컴포넌트 : 원하는 정보에 따라 필터링

<main> 컴포넌트 : 크롤링해온 데이터 중 후기를 기준으로 뿌려주는 페이지

 

와이어프레임 (페이지별 기획)

Figma

위키 작성

https://github.com/codestates/DogGain/wiki

 

스키마 작성

API 문서 작성

https://doggain.gitbook.io/doggain/doggain/v1.0

v1.0 - doggain

아키텍쳐 다이어그램 작성