# 20210317(수)

## 2021-03-17

### 1. 학습 날짜

* 2021-03-17

### 2. 학습 시간

* 10:00 \~ 23:30

### 3. 학습 범위 및 주제

* html, css, 자바스크립트 학습

### 4. 학습 목표

* 유튜브 화면 코딩

### 5. 학습 정리

* [js - 이벤트위임](https://simian114.gitbook.io/blog/undefined/javascript/untitled)
* [유튜브 화면 html, css](https://simian114.gitbook.io/blog/undefined/html-css/undefined)

### 6. 상세 학습 내용

* 간단한 html, css 를 이용해서 유튜브 화면을 코딩했다.
* 흠... 분명 쉬운 내용인데 이상하게 어렵게 느껴진다.
* 가장 어렵게 느껴지는 부분은 속성 네이밍에 관한 부분이었다.
* 가장 크게 와닿았던 점은 html, css 를 하나하나 치면서 시작하는게 아닌, 처음에 구조를 먼저 그리고 그 구조마다 이름과 태그를 먼저 만들어 놓은 다음에 코딩을 하는게 훨씬 빠르게 작업을 끝낼 수 있다는 것.
* JS의 이벤트에 대한 내용도 학습했다.
* 이벤트의 결과로 버블링이 일어나는데 이렇게 되면 모든 부모의 이벤트가 발동되어버리고 만다.
* 이 문제를 해결하고자 있는데 stopPropagation 인거 같은데 이 함수를 사용하는건 좋지 않다고 한다.
* 그러면 도대체 어떻게 이 문제를 해결하는거야? 이건 내일 해결하자.

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

* 꽤나 열심히 했다. 다만 오늘부터 문제풀이를 하기로 했는데 문제풀이는 하지 못해서 조금 아쉽다.

### 8. 다음 학습 계획

* html, css 학습
* 자바스크립트의 이벤트 관련 부분 학습 및 정리


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://simian114.gitbook.io/blog/undefined-1/diary/2021/march/20210317.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.