Home 22/05/06/금 Social Logtin과 Infinite Scroll, 관통 프로젝트, 스터디 발표
Post
Cancel

22/05/06/금 Social Logtin과 Infinite Scroll, 관통 프로젝트, 스터디 발표

220506 Today I learned!

  • 소셜 로그인 및 Infinite Scroll 기능 학습
  • 관통프로젝트
  • 스터디 발표
  • 백준 문제 풀이

1. Fact

(1) Social Login 과 Infinite Scroll


(2) 관통 프로젝트

  • Django 팔로우, 좋아요 기능 비동기로 구현
  • 영화 index 페이지 Infinite Scroll 구현
    • 영화 메인 페이지에 도달했을 때, 10개의 영화데이터만 load한다.
      • paginator를 통해 Movie db에 저장된 데이터 10개를 render한다.
      • 받은 데이터를 유저에게 보여준다.
    • 스크롤이 바닥에 닿았을 때, 추가 데이터를 비동기적으로 요청한다.
      • EventListner를 통해 스크롤에 바닥에 닿은 이벤트가 발생하면 데이터를 요청하는 콜백함수(비동기)를 실행한다.
    • 응답을 통해 받은 데이터를 뒤에 붙인다.
      • 요청을 받으면 그에 맞는 JSON 데이터를 준다.
      • 요청을 통해 받은 데이터를 활용하여 element를 생성하고 DOM에 반영한다.
  • 영화 추천 알고리즘 구현
    • 회원 가입시, 유저가 좋아하는 장르를 선택한다.
      • user model에 장르 id를 기록하는 필드를 추가
      • 회원가입 form 수정
    • 추천페이지에서 유저가 좋아하는 장르의 영화를 추천한다.
      • 장르와 영화는 M:N 관계
      • 역참조를 통해 장르의 id를 통한 영화 데이터 필터링


2. Feeling

영화 추천 알고리즘은 의도했던 데로 구현하는 데 많은 시간이 들었다. 데이터를 어떻게 가공해서 전달해야 하는 지 감을 잡지 못했던 것 같다. 하지만 동기들의 조언 덕분에 해결할 수 있었다!

스터디 프로젝트가 마무리 되었다. 사실 나는 프로젝트 목표를 작게 잡아서 여유롭게 프로젝트를 진행했고 기한 내에 완성할 수 있었다. 이에 대해 조금 아쉬움이 있다. 좀 더 많이 시도하고 공부할 수 방향으로 프로젝트를 진행해보는 것도 나쁘지 않았을 지도…🤔


3. Finding

null;


4. Future Action & Feedback

Future Action진행 상황Feedback
DOM을 깨우치다pause 🤦‍♀️잠시 중단!
why 리액트?Not Start🌙 


This post is licensed under CC BY 4.0 by the author.