로고

와이어프레임

스키마

Flow Chart

Stacks

추가적으로 해야 할 것들

• UI 디자인

  • 랜딩페이지에 들어갈 문구 및 이미지 생각하기

    1. 당신의 감정을 회복하세요

    • ????

    2. 원하는 카테고리를 이용하여 검색하세요.

    • 원하는 컨텐츠를 소개해드립니다.

    3. 다양한 사람들의 추천 컨텐츠를 확인하세요.

    • 다양한 경험을 통해 ???

    4. 당신만의 컨텐츠를

    5. 이제 검색하러 가볼까요?

• 스키마 수정

랜딩페이지

• 휠 내릴때 설명 이미지 확대
• UI 디자인 컨셉에 맞는 일러스트

기능구현 리스트

Client

• Navbar
  • 웹 - 브라우저 스크롤 시, 같이 이동
  • 반응형
    • 위 마이페이지, 로그인/로그아웃
    • 아래 페이지 이동
  • 모달
    • 로그인 기능(일반, 소셜)
    • 회원가입 기능
  • 로그아웃 기능
• 랜딩페이지
  • 이미지 핸들링
  • footer
• 콘텐츠페이지
  • 영화 목록 가져오기
  • 책 목록 가져오기
  • 음악 목록 가져오기
  • 영상 목록 가져오기
  • 카테고리 별 구분하기
  • 좋아요 기능
  • 모달
    • 자세히 보기
• 리스트페이지
  • 글쓰기
    • 이미지 넣기
    • 글쓰기 기능
    • (어드벤스드) 각 api 로 추가
    • (어드벤스드) 수정, 삭제
  • 댓글 쓰기
    • (어드벤스드)수정, 삭제
  • 좋아요 기능
  • 좋아요순으로 정렬
• 마이페이지
  • 회원정보
  • 내가 쓴 글
    • more 이동
  • 내가 좋아요 누른 컨텐츠, 글
    • more 이동
  • 모달
    • 회원탈퇴 기능
    • 회원정보 수정
      • 닉네임 수정
      • 프로필 사진 수정
      • 비밀번호 수정
• 반응형 웹
  • 테블릿
  • 모바일

Server

• 서버 구축
  • express로 index.js 파일 통해 서버 구축
  • 서버 미들웨어 설정(cors, body-parser)
  • 서버 1차 라우팅
• DB 구축
  • sequlize를 통해 table 생성
  • db 연동
  • MySQL Connection 팀원 연결
  • 스키마 생성
• 요청/응답 라우팅
  • 서버 2차 라우팅
  • 미들웨어 적용
• 컨트롤러
  • main 컨트롤러
  • contents 컨트롤러
  • review 컨트롤러
  • mypage 컨트롤러
• 인증서
  • 인증서 생성
  • https 서버 작성
• 배포
  • S3 생성
  • EC2 생성
  • S3 및 EC2 연동
  • 도메인 적용
  • route53 등록
  • https 및 도메인 적용 테스트