W01. 미니 프로젝트 (9기, 7조)

프로젝트명: 위(WE)슐랭

프로젝트 설명

미슐랭 가이드 사이트에서 미슐랭으로 선정된 식당들을 크롤링해서 리뷰하는 사이트로 미슐랭에 선정된 식당들에 대해 리뷰를 남길 수 있고, 수정, 삭제, 조회 기능까지 구현하였습니다.

접속한 사용자에 회원인지 비회원인지 확인할 수 있고, 비회원인 경우에는 상세페이지 조회와 마이페이지 기능에 접근할 수 없습니다. 상세페이지에서 사용자가 남긴 댓글을 확인할 수 있고, 마이 페이지에서 로그인한 사용자에 한해 본인이 작성한 댓글들을 모아서 확인할 수 있습니다.

[필수 사항]

• 한 명의 AWS EC2에 업로드하고, 도메인을 붙여 제출합니다.

• Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 (어떤 장점이 있을까?)

  ㄴ 웹개발 플러스 2주차 내용 훑어보기

• JWT 인증 방식으로 로그인 구현하기 (쿠키/세션 방식에 비해 어떤 장점이 있을까?)

  ㄴ 웹개발 플러스 4주차 내용 훑어보기

---

• 메인페이지

  • 로그인을 누르면 로그인 페이지로 이동
  • 회원가입을 누르면 회원가입 페이지로 이동
  • 크롤링한 미슐랭 데이터의 제목/이미지 입력시 상세 페이지로 이동
    • 미슐랭 등급이 ★, ★★, ★★★인 데이터만 크롤링
  • 좌측 상단에는 로고가 들어가고 클릭시 메인 페이지로 이동
  • 상단에 로고와 함께 로그인하지 않은 사용자는 로그인/회원가입 버튼이 보이게 되고 로그인한 사용자는 로그아웃/마이페이지 버튼이 보이게 된다.

• 회원가입 / 로그인

  • 로그인
    • JWT 토큰
    • ID, PW로 검증
  • 회원가입
    • 입력 데이터
      • ID
      • PW 1차
      • PW 2차
    • ID 중복확인 기능
    • 정규식을 통한 ID/PW 검증

• 상세페이지

  • 댓글
    • 추가
    • 수정
    • 삭제
    • 조회

• 회원가입 / 로그인

  • 로그인
    • 검증되지 않은 사용자이지 않은 경우에 로그인 페이지로 이동
    • JWT
    • ID, PW로 검증
  • 회원가입
    • 입력 데이터
      • ID
      • PW 1차
      • PW 2차 Check

• 마이페이지

  • 댓글
    • 댓글 모아보기

페이지

1차목표: 로그인, 회원가입, 포스팅

• 메인 페이지 - 미슐랭 3스타 리스트업
• 회원가입 페이지
• 로그인 페이지
• (상세 정보 크롤링한 데이터 json형식으로 나타내는 것까지)

2차 목표

• 댓글, 상세 페이지: 각 식당마다 후기 작성 페이지

회의록

• 09.19 회의록

  • html

    헤더 - 고호성

    index 바디 - 강창식

    post 바디 - 안성재

    로그인, 회원가입 - 강창식

  • api

    미슐랭 식당 전체 조회 - 강창식

    댓글 CRUD - 안성재

    회원가입, 로그인 - 고호성(강창식, 안성재)

• 09.20 회의록

  • 강창식: 댓글 CRUD

  • 고호성: 상세페이지(Sample Data), 메인페이지 사용자 ID

  • 안성재: 마이페이지 (HTML, 기능), 좋아요

  • 수요일 22시에 CSS / JS 별도의 파일로 분리

• 09.21 회의록

  • 예정

    • 로그인시 header 변동 > 설명과 함께 수정
    • 나만의 미슐랭 지우기

  • 강창식 님

    • 에러: X
    • 예정: 댓글 CRUD 마무리, AUTO_INCREMENT(순번), 쿠키에서 사용자 ID를 읽어오기,
      • 성재 님: 댓글에 Cookie에 들어있는 사용자 아이디(user id)도 추가 필요
      • 성재 님: AUTO_INCREMENT - DELETE 수행전에 find_one({commentId}).sort({_id}, -1).limit(1) + 1

  • 고호성 님

    • 에러: X
    • 예정: 상세페이지 UI 손보기

  • 안성재 님

    • 에러: $.removeCookie is not a method 에러 해결
    • 예정: 댓글 CRUD 완성 시 마이페이지에 사용자 id값으로 jinja로 댓글 목록 조회
    • 프로필 수정(파일 첨부는 미정)
    • 로그인시 header 변동 > 설명과 함께 수정

API 설계서