💼 오늘 작업 내용

1. 코딩테스트 공부

• programmers_12914 - 멀리뛰기 (난이도 2)
• programmers_42885 - 구명보트 (난이도 2)
• programmers_1844 - 게임 맵 최단거리 (난이도 2)

2. 세모체 기능 개발

• 차단 기능 개발 완료
  • Block 엔티티, 회원 다대일 연결을 통해 구현
  • Member 안에 있는 blocklist를 통해 콘텐츠 제공할 때 제한. (보이지 않게)

3. 머신러닝 이론 공부

• residual을 최소화하는 weight vector를 최소화 관점에서 구하기.
  

4. NearTube 개발

• Chrome Extension - get top videos 기능 안정화
  • 모바일 버젼일때 아직 가져올 때 일부 누락되는 에러가 있음.
  • 가져온 video info 토대로 Backend 호출해서 데이터 저장 로직 개발 완료
• Server - Spring & MySQL (로컬 환경 테스트용)
  • Video Entity 정보 조회 및 저장 로직 완료
  • Video Create API 개발 완료 (아직 Read / Update / Delete API는 완성안됨.)

⚠️ 에러 핸들링

1. Chrome Extension - HTML Element 에러

위의 함수를 통해 Youtube 모바일 버젼으로 들어갈 때, 상위 비디오들을 수집한다.

const videos = document.querySelectorAll('ytm-rich-item-renderer');

근데 이상하게 위의 코드가 제대로 HTML elements를 못 가져오는 에러가 발생했다.

분명 현재 HTML에서 8개의 원소를 가져와야 하는데 계속 4개의 원소만 가져온다.

내가 생각하는 에러의 문제점은 실제 페이지가 로딩되기 전에 해당 함수가 호출되어 현재 로딩되어 있는 요소까지만 탐색해서 가져오는 게 아닐까라는 생각을 했다.

그래서 window.onload 함수를 통해 로딩이 끝난 후 동작할 수 있도록 해봤는데, 여전히 같은 문제가 발생했다. 위에서 예측한 문제가 원인이 아니거나 window.onload 함수를 잘못 쓴 것 같다. 다음에 한번 다시 해결해보자.

---

📝 투두리스트

• NearTube 개발 (OAuth2.0을 통한 SNS 로그인 기능 구현 및 회원 정보 DB 저장)
• 세모체 홈페이지에 필요한 API 개발 ( 추천 / 카테고리화 )