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에 반영한다.
- 영화 메인 페이지에 도달했을 때, 10개의 영화데이터만 load한다.
- 영화 추천 알고리즘 구현
- 회원 가입시, 유저가 좋아하는 장르를 선택한다.
- user model에 장르 id를 기록하는 필드를 추가
- 회원가입 form 수정
- 추천페이지에서 유저가 좋아하는 장르의 영화를 추천한다.
- 장르와 영화는 M:N 관계
- 역참조를 통해 장르의 id를 통한 영화 데이터 필터링
- 회원 가입시, 유저가 좋아하는 장르를 선택한다.
2. Feeling
영화 추천 알고리즘은 의도했던 데로 구현하는 데 많은 시간이 들었다. 데이터를 어떻게 가공해서 전달해야 하는 지 감을 잡지 못했던 것 같다. 하지만 동기들의 조언 덕분에 해결할 수 있었다!
스터디 프로젝트가 마무리 되었다. 사실 나는 프로젝트 목표를 작게 잡아서 여유롭게 프로젝트를 진행했고 기한 내에 완성할 수 있었다. 이에 대해 조금 아쉬움이 있다. 좀 더 많이 시도하고 공부할 수 방향으로 프로젝트를 진행해보는 것도 나쁘지 않았을 지도…🤔
3. Finding
null;
4. Future Action & Feedback
Future Action | 진행 상황 | Feedback |
---|---|---|
DOM을 깨우치다 | pause 🤦♀️ | 잠시 중단! |
why 리액트? | Not Start🌙 |