영화 추천 웹사이트

개인과제에서 작성한 [내배캠 인기영화 콜렉션]을 발전시키는 팀 프로젝트

23.10.24일 ~ 22.10.27일

파이어베이스, 자바스크립트, HTML

• 조회순 정렬

  camp_project_02/js/search.js

  Line 185 in 678cded

  document.querySelector(".vote_count_btn").addEventListener("click", async function voteCount() {

• 별점순 정렬

  camp_project_02/js/search.js

  Line 201 in 6d55cc8

  document.querySelector(".vote_average_btn").addEventListener("click", async function voteAverage() {

• 최신순 정렬

  camp_project_02/js/search.js

  Line 218 in 6d55cc8

  document.querySelector(".release_date_btn").addEventListener("click", async function releaseDate() {

• 영화 id url 파라미터를 통해 상세페이지 이동 및 api 요청
• 영화 상세정보 표시하기

  camp_project_02/js/detail-page.js

  Line 5 in 6d55cc8

  window.onload = async function () {

• 리뷰 영화별 필터링 https://github.com/wlduq0150/camp_project_02/blob/6d55cc84cc05227ff086c7b3e70bc797029f4967/js/review.js#L85C40
• 리뷰 생성 https://github.com/wlduq0150/camp_project_02/blob/6d55cc84cc05227ff086c7b3e70bc797029f4967/js/review.js#L76C24-L76C24
• 리뷰 표시

  camp_project_02/js/review.js

  Line 154 in 6d55cc8

  function displayReview(reviewData) {

• 리뷰 삭제

  camp_project_02/js/review.js

  Line 187 in 6d55cc8

  function removeReviewFromStorage(id) {

• 리뷰 수정

  camp_project_02/js/review.js

  Line 198 in 6d55cc8

  function updateStoredReview(newText, id) {

• 욕설 데이터 배열 저장
• 검색 유효성 검사

  camp_project_02/js/validation.js

  Line 1 in 4f56c61

  function searchValidationCheck(value) {

• 리뷰 유효성 검사

  camp_project_02/js/validation.js

  Line 19 in 4f56c61

  function commentValidationCheck(value) {

• firebase를 통한 구글 로그인 https://github.com/wlduq0150/camp_project_02/blob/main/js/firebase/authService.js#L29
• 로그인 상태 체크 https://github.com/wlduq0150/camp_project_02/blob/main/js/firebase/authService.js#L54
• 로그인 상태에 따른 login 버튼 변화 https://github.com/wlduq0150/camp_project_02/blob/main/js/firebase/authService.js#L19

• 자동완성 목록 화면 표시

  camp_project_02/js/autoSearch.js

  Line 37 in 1c45615

  const showList = (data, value, selectedAutoSuggestion) => {

• 자동완성 목록에서 항목 선택

  camp_project_02/js/autoSearch.js

  Line 52 in 1c45615

  const handleSelection = (title) => {

• 찜 버튼 생성 및 DB 추가 https://github.com/wlduq0150/camp_project_02/blob/main/js/firebase/databaseService.js#L44
• 로그인 상태일 시 찜 버튼 생성 https://github.com/wlduq0150/camp_project_02/blob/main/js/favorite.js#L57
• 찜 전체 삭제 https://github.com/wlduq0150/camp_project_02/blob/main/js/firebase/databaseService.js#L119