Final Project - 영화 추천 페이지 만들기

1. 팀원 정보 및 업무 분담

최영수(팀장)
- Server Side (Django)
- Client Side 일부 (JS)
유보람(팀원)
- Client Side (JS, HTML, CSS)

2. 목표 서비스 구현 및 실제 구현 정도

목표 서비스

영화 정보 기반 추천 서비스 구성
커뮤니티 서비스 구성
HTML, CSS, JavaScript, Vue.js, Django, REST API, DataBase 등을 활용한 실제 서비 스 설계
서비스 관리 및 유지보수

실제 구현

(1) 영화 정보 조회

최신순, 인기순, 평점순 및 장르에 따른 영화 전체목록 조회 가능
각각의 영화에 대한 상세 정보조회와 '좋아요' 기능 및 평점을 포함한 리뷰기능 구현

(2) 영화 추천 서비스

사용자의 '좋아요', '리뷰'를 기반으로 하여 영화 추천 서비스 제작
사용자와 관련성 높은 영화데이터를 카드에 넣도록 설계. 이를 유저가 고르는 게임형식으로 구현

(3) 커뮤니티 서비스

영화 정보와 관련된 대화를 할 수 있는 커뮤니티 기능을 구현
로그인한 사용자만 글을 조회 / 생성 할 수 있으며 작성자 본인만 글을 수정/삭제 가능
사용자는 작성된 게시글에 댓글을 작성할 수 있어야 하며 작성자 본인만 댓글을 삭제 가능

(4) 계정 서비스

회원가입하여 로그인 한 사용자만 영화서비스를 이용가능하도록 구현
회원가입한 사용자는 회원탈퇴기능을 이용하여 유저정보 삭제 가능
사용자가 '좋아요', '리뷰'를 남긴 영화 데이터를 마이페이지에 저장하는 서비스 구현

3. ERD (Model)

4. API URL

Movies app

HTTP verb	URL 패턴	설명
GET	movies/	전체 영화 목록 조회
GET	movies/recommend/	추천 영화 조회
GET	movies/<movie_id>/	단일 영화 조회
GET	movies/<movie_id>/likes/	좋아요 상태 조회
POST	movies/<movie_id>/likes/	영화 좋아요 / 취소
GET	movies/<movie_id>/comment/	영화 댓글 조회
POST	movies/<movie_id>/comment/	영화 댓글 생성
PUT	movies/<movie_id>/comment/<comment_id>/	영화 댓글 수정
DELETE	movies/<movie_id>/comment/<comment_id>/	영화 댓글 삭제
GET	movies/liked/	좋아요한 영화들 조회
GET	movies/commented/	댓글단 영화들 조회

Community app

HTTP verb	URL 패턴	설명
GET	community/	전체 게시글 목록 조회 페이지
POST	community/	게시글 생성
PUT	community/<post_id>/	게시글 수정
DELETE	community/<post_id>/	게시글 삭제
GET	community/<post_id>/comment/	게시글 댓글들 조회
POST	community/<post_id>/comment/	새 댓글 생성
GET	community/<post_id>/likes/	좋아요 상태 조회
POST	community/<post_id>/likes/	게시글 좋아요 / 취소
PUT	community/<post_id>/comment/<comment_id>/	게시글 댓글 수정
DELETE	community/<post_id>/comment/<comment_id>/	게시글 댓글 삭제

Accunts app

HTTP verb	URL 패턴	설명
POST	accounts/signup/	회원 가입
POST	accounts/api-token-auth/	로그인 (JWT 얻기)
DELETE	accounts/user/	회원 탈퇴

5. 컴포넌트 구조

6. 필수 기능에 대한 설명

Account

Signup
Login
Logout
Signout
My Movie List (Like base, Review base)

Movie

Movie List Read (전체 영화 조회, filtering(장르별), sorting(최신순, 인기순, 평점순)
Movie Detail
Movie Review CRUD
Movie Like
Movie Recommend

3)Community

Post CRUD
Post List Read
Post Detail
Post 좋아요
Post Comment CRUD

7. 배포 서버 URL

8. 기타 (느낀점 등)

및 공부 내용

직렬화 & 역직렬화

직렬화(serializing) : python data -> JSON
역직렬화(deserializing) : JSON -> python data

# django restframework에서 제공하는 ModelSerializer 사용했을 때

# 직렬화 (serializing)
movies = Movie.objects.all()	# Python data 형태 (QuerySet)
serializer = MovieSerializer(movies, many=True) 	# DB의 Movie table에서 모든 table들을 꺼내 직렬화한다.(JSON 형태로 만들어 준다.)
													# QuerySet인 경우 -> many=True 를 해줘야한다.
    												# 단순히 Model instance인 경우 -> X
# 역직렬화 (deserializing)
data = request.data	# JSON 형태
serializer = MovieSerializer(data=data)	# JSON 형태의 데이터를 역직렬화한다. (Python data 형태로 만들어준다.)
if serializer.is_valid():	# 유효성 검사
    serializer.save()	# 역직렬화된 데이터(Python data 형태)를 DB의 Movie table에 저장한다.
    # serializer.save(user=request.user) 	# user를 넣어줘야 하는 경우 바로 넣어줄 수 있다.
# db 수정 한번에 하는 법
movie = Movie.objects.get(pk=1)	# model instance
data = request.data		# JSON 형태
serializer = MovieSerializer(movie, data=data)	# movie를 수정 (data로)
if serializer.is_valie():	# 유효성 검사
    serializer.save()	# 저장

궁금한 부분
- 역직렬화 할 때
  - JSON data를 여러개를 (배열 형태로) 받아왔다면, 저장하는 법이 다른가?
    - many=True를 써서 한번에 저장하나?
    - 아님 알아서 그냥 저장이 되나?
    - 아님 하나씩 꺼내서 저장을 해줘야 하나?

API 요청 / JSON 파일 생성 / DB loaddata

TMDB API에 요청을 보내서 JSON 데이터 받아오기
.json 파일 생성, 받아온 JSON 데이터를 .json 파일에 저장하기
.json 파일 DB에 loaddata하기

import requests
import json


'''
get_movie_list.py를 실행하기 전에 이 파일을 실행해 주세요.

genre와 movie는 서로 mtm 관계설정이 되어있기 때문에, 
genre table을 먼저 만들어 둬야 movie 데이터를 가져올 때 문제가 발생하지 않습니다.
'''

URL = 'https://api.themoviedb.org/3'
# KEY 넣어주세요!
KEY = ''

url = f'{URL}/genre/movie/list?api_key={KEY}'
response = requests.get(url)
res_data = response.json()['genres']

data = []
for i in range(len(res_data)):
    genre = res_data[i]
    # DB에 넣을 수 있는 형태로 바꿔주기!
    tmp = {
        'model': 'movies.genre',
        'pk': genre['id'],
        'fields': {
            'name': genre['name']
        }
    }
    # print(tmp)
    data.append(tmp)


# 파일을 만들지 않아도 자동으로 생성해서 입력됩니다.
with open('movies.json', 'w') as f:
    json.dump(data, f, indent=4)

import requests
import json
from pprint import pprint

'''
기존에 genre list를 저장한 movies.json에
movie list를 추가해서 다시 저장하게 됩니다.
get_genre_list.py 를 먼저 run 한 후, 이 파일을 실행해 주세요.

genre / movie JSON 파일을 별도로 만들어도 상관없습니다.
하지만 이 경우에는 DB에 loaddata 할 때, genre.json을 먼저 해야 합니다.

popular 영화를 얻어오는 요청경로를 이용했습니다.

사람마다 Movie Model이 다르게 정의되었을 수 있기 때문에, 필드명을 수정해줘야 할 수도 있습니다.
저는 TMDB에서 받아온 이름과 동일하게 필드명을 만들어줬습니다. (일부 필드는 삭제했습니다.)

movies.json 파일이 생성되면,
movies app에 fixtures 폴더를 생성하고, 해당 폴더로 movies.json을 이동시킨 후,
bash창에 아래 명령어를 입력합니다.
$ python manage.py loaddata movies/fixtures/movies.json 
'''

# 파일 열기 ! (genre 데이터만 있는 상태에서 movie 데이터 추가하기 위해)
with open('movies.json', 'r+') as f:
    data = json.load(f)
# pprint(data)

URL = 'https://api.themoviedb.org/3'
# KEY 넣어주세요!
KEY = ''    

page = 25   
# page : 1 ~ 500
# page당 data 20개
# popular/ 경로의 page는 최대 500 page 까지 되는거 같습니다. (총 10000개 data 얻을 수 있을 듯?)
for i in range(1, page + 1):
    url = f'{URL}/movie/popular/?api_key={KEY}&page={i}'
    response = requests.get(url)
    res_data = response.json()['results']  
    print(response.json()['page'])      # 진행 상황을 알기위한 출력 :)

    for j in range(len(res_data)):
        movie = res_data[j]
        # release_date 가 없는 경우도 있어서... 이 경우는 continue를 해줍니다!
        # poster_path가 없는 경우도 continue를 해줍니다!
        if not movie.get('release_date') or not movie.get('poster_path'): 
            print('release_date is not exist : continue')
            continue
        # DB에 넣을 수 있는 형태로 만들어 주기!
        movie.pop('backdrop_path')  # 필요없을 거 같은 필드라 삭제했습니다.
        movie.pop('video')          # 삭제
        movie['like_users'] = []    # 필드 추가 (like 기능구현을 위해 user와 mtm 관게 설정한 필드)
        tmp = {
            'model': 'movies.movie',
            'pk': movie.pop('id'),
            'fields': movie,
        }
        # pprint(tmp)
        data.append(tmp)

# 파일을 만들지 않아도 자동으로 생성해서 입력됩니다.
with open('movies.json', 'w') as f:
    json.dump(data, f, indent=4)

$ python manage.py loaddata movies/fixtures/movies.json

일정

0520 (목)
- 기획 및 모델링
0521 (금)
- page 구조 잡기(vue) / 페이지별 필요한 데이터 확인 및 구현(django) / 모델링 완성
- movie 페이지 디자인, signup, login 페이지 디자인
0524 (월)
- movie detail, recommend, community 페이지 디자인
- 페이지별 데이터 무조건 가져올 수 있어야 한다. (movie, community 일부 완료)
0525 (화)
- community 마무리, recommend 아이디에이션, 로직 구현 (장르별 각각 1개씩 추천?)
- 부족한 페이지 더 완성도 높이기
- 아마 추가할 작업이 있을 것 같음...
0526 (수)
- 댓글 수정, Movie Comment 한 계정당 하나씩만 달 수 있도록
- My page
- 회원탈퇴
- Post Comment 수정
- 댓글 평점 별 / 추천 카드 css 구현 / 무비리스트 filtering sorting css / My page css
0527 (목)
- Like Movie List, Commented Movie List
- 인피니티 스크롤
- ppt 및 발표준비
0528 (금)
- 발표

cys4585/SSAFY_1st_semester_final_pjt

Final Project - 영화 추천 페이지 만들기

1. 팀원 정보 및 업무 분담

2. 목표 서비스 구현 및 실제 구현 정도

3. ERD (Model)

4. API URL

5. 컴포넌트 구조

6. 필수 기능에 대한 설명

7. 배포 서버 URL

8. 기타 (느낀점 등)

및 공부 내용

직렬화 & 역직렬화

API 요청 / JSON 파일 생성 / DB loaddata

일정