자바스크립트에서 JSON 데이터를 이용하여 영화 추천 기능 생성하기

15 Sep 2023

javascript

영화 추천 기능은 웹 애플리케이션에서 사용자에게 관심 있는 영화를 추천해주는 데에 사용됩니다. 이를 위해 JSON(JavaScript Object Notation) 데이터를 사용하여 영화 정보를 저장하고, 자바스크립트를 활용하여 추천 알고리즘을 구현할 수 있습니다.

JSON 데이터 구조 설계

먼저, 영화 정보를 저장하기 위한 JSON 데이터 구조를 설계해야 합니다. 각각의 영화는 title, genre, director, year 등의 속성을 포함하게 됩니다. 이러한 속성들을 이용하여 영화를 추천하고 필터링할 수 있습니다.

[
  {
    "title": "더 페이버릿: 여왕의 여자",
    "genre": "드라마",
    "director": "유인영",
    "year": 2021
  },
  {
    "title": "극장판 귀멸의 칼날",
    "genre": "애니메이션",
    "director": "소토자키 하루오",
    "year": 2020
  },
  {
    "title": "톰과 제리",
    "genre": "코미디",
    "director": "팀 스토리",
    "year": 2021
  },
  {
    "title": "기생충",
    "genre": "드라마",
    "director": "봉준호",
    "year": 2019
  }
  // 추가적인 영화 데이터들...
]

영화 추천 알고리즘 구현

JSON 데이터를 이용하여 영화 추천 알고리즘을 구현할 수 있습니다. 사용자의 관심과 일치하는 영화를 찾아 추천하는 기능을 만들어보겠습니다.

// JSON 데이터
const movies = [
  {
    "title": "더 페이버릿: 여왕의 여자",
    "genre": "드라마",
    "director": "유인영",
    "year": 2021
  },
  {
    "title": "극장판 귀멸의 칼날",
    "genre": "애니메이션",
    "director": "소토자키 하루오",
    "year": 2020
  },
  {
    "title": "톰과 제리",
    "genre": "코미디",
    "director": "팀 스토리",
    "year": 2021
  },
  {
    "title": "기생충",
    "genre": "드라마",
    "director": "봉준호",
    "year": 2019
  }
  // 추가적인 영화 데이터들...
];

// 영화 추천 함수
function recommendMovies(genre) {
  const recommendedMovies = [];
  
  movies.forEach(movie => {
    if (movie.genre === genre) {
      recommendedMovies.push(movie);
    }
  });
  
  return recommendedMovies;
}

// 사용 예시
const romanceMovies = recommendMovies("드라마");
console.log(romanceMovies); // 드라마 장르의 영화를 추천합니다.

위의 예제 코드에서는 recommendMovies 함수를 통해 사용자가 입력한 장르에 해당하는 영화를 추천합니다. forEach 메서드를 사용하여 JSON 데이터를 순회하며, 장르가 일치하는 경우에만 recommendedMovies 배열에 추가합니다.

이제 위의 코드를 기반으로 사용자 인터페이스를 추가하고, 영화 추천 기능을 구현할 수 있습니다.

#javascript #JSON #영화추천 #자바스크립트