20210325(목)

1. 학습 날짜

• 2021-03-25

2. 학습 시간

• 10:00 ~ 19:00

3. 학습 범위 및 주제

• 포트폴리오 강의 복습

• 자바스크립트 스크롤 이벤트 학습

4. 학습 목표

• 포트폴리오 처음부터 다시 구현해보기

• 자바스크립트 스크롤 이벤트 학습

5. 학습 정리

• x

6. 상세 학습 내용

• 윈도우 사이즈에는 screen 의 height, width, inner, outer 등이 존재한다.

  • 여기서 스크린의 height, width 는 브라우저가 아닌 사용자의 모니터의 스펙이다.

  • outer 는 브라우저에서 사용자가 보는 페이지에 위의 검색창 까지 높이를 합한 값이다.

  • inner 는 보이는 페이지 그 자체에 대한 크기다.

• 흠.. 페이지에서 스크롤하는 api 로는 절대적인 위치로 이동하는 scrollTo 와 상대적인 값으로 이동하는 scrollBy 그리고 요소로 이동하는 scrollIntoView 등이 있다.

• 브라우저가 html 파일을 다운로드 할 때와 관련해서 발생하는 이벤트들이 있다.

  • load: html 파일 뿐만 아니라 이미지 영상등 모든 리소스가 다운로드된 이후에 발생한다.

  • DOMContentLoaded: HTML 파일만 다운로드 되면 실행된다.

• 따라서 DOMContentLoaded 이벤트가 load 보다 조금 더 빨리 발생한다.

• 이전에 script 태그에서 defer 을 사용하는걸 학습했었는데, defer 또한 DOMContentLoaded 이벤트와 비슷하게 동작한다.

7. 오늘 학습 내용에 대한 개인적인 총평

• 흠.. 새로운 강의를 듣는데 괜히 듣는거같은 느낌이 조금은 든다.

• 오늘 거금 만원을 내고 강의를 들었는데 흠... 모든 강의는 다 똑같은거 같다. 이런거 볼 시간에 개인적으로 공부하는게 더 좋을거같다.

8. 다음 학습 계획

• 자바스크립트 공부

• 42서울가서 시간버리기..