> For the complete documentation index, see [llms.txt](https://simian114.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://simian114.gitbook.io/blog/undefined-1/diary/2021/march/20210325.md).

# 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서울가서 시간버리기..