13일차

Intro

최근 목통증이 조금씩 심해지더니 결국 자고 일어났더니 목이 잘 돌아가지 않는다😭,, 자세의 중요성을 다시 한번 깨우치게 되는데 오늘은 자세와 스트레칭에 조금 더 의식하며 공부를 해보고자 한🤗

공부할 목록

• CSS 배치관련 속성들(display, position, grid)
• 비동기통신 Axios에 대해 알아보기 Axios사용법
• async/await 개념 정리하기
• 무한스크롤의 두가지 방법
• 전역상태관리란? => 추가 공부 필요.

새로배운 내용

• 무한스크롤의 두가지 방법
  • 스크롤 이벤트 사용
    • 스크롤이 진행될 때마다 정의한 함수가 실행되도록 하는 방식으로 무한스크롤을 구현
    • 스크롤이 움직일 때마다 함수가 실행되다 보니 많은 리소스가 낭비된다는 단점이 있다.
    • debounce, throttle를 통해 불필요한 함수 호출 수를 조절해야한다.
  • Intersection Observer
    • 자바스크립트 엔진과는 상관없이 브라우저단에서만 무한스크롤 로직을 검사하고, 조건을 통과하는 경우에는 자바스크립트의 코드로 데이터를 불러온다.
• display: fixed 사용 시 주의해야할 부분
  • 가장 가까운 조상스크롤 박스에 달라붙는다.
  • 부모요소 범위 안에서만 움직인다.
• 전역상태관리란?
  • 애플리케이션을 구성하고 있는 코드 어디에서든지 접근이 가능하며, 변화에 따라 렌더링에 영향을 줘야하는 값

하루를 마무리하며

하나씩 직접 만들어보기 시작하니 특히 자바스크립트에 대한 배경지식을 제대로 다지지 못했었구나라는 생각이 든다. (promise, async, await 등) 그렇지만 조금이라도 해보고 다시 이전에 들었던 강의를 들으니 아~ 이럴때 사용하는구나, 이런 이유로 사용하는구나 라고 느끼며 공부를 하게 된다는 것이다😄

다음 주 과제는 내가 만들고 싶은 웹의 페이지를 만드는 것이라는데, 이번 주말동안 한번 고민을 해보는 시간을 가져야겠다