2022/08/01 TIL

1. 오늘 한 공부

• 자바스크립트 딥다이브 27장 배열
  • 오늘은 양이 많아서 아침, 저녁으로 양을 나눠서 공부했다.
  • 고차함수들을 최대한 사용해서 함수형 프로그래밍을 할 수 있게 노력하자
• Music Player와 Infinite Scroll Page 만들어보기
  
  • progress bar에 대한 부분 복기
    • e.srcElement로 audio의 duration과 currentTime 받아오기
    • 받아온 걸로 (currentTime / duration) * 100 % 해서 프로그레스 바 구성
  • 무한 scroll 복기
    • scrollTop, scrollHeight, cilentHeight를 window에서 받아오기
    • scrollTop+scrollHeight === scrolHeight 가 되면 화면의 끝
    • 화면의 끝이 되기 전에 Loading을 해서 데이터를 받아오면 DOM 구성 완료

2 .  느낀점

• 오늘은 나태 지옥에 빠질 뻔 했지만 나왔다.
• 내일은 좀 더 열심히 살아보자 화이텡!

 

JS 배열 정리: https://github.com/SDWoo/javaScript-Deep-Dive/tree/main/chapter/25-Array

GitHub - SDWoo/javaScript-Deep-Dive

 

music player: https://github.com/SDWoo/20_Web_Projects_With_Vanilla_JS/tree/main/Music%20Player

GitHub - SDWoo/20_Web_Projects_With_Vanilla_JS