20210317(수)

2021-03-17

1. 학습 날짜

• 2021-03-17

2. 학습 시간

• 10:00 ~ 23:30

3. 학습 범위 및 주제

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

4. 학습 목표

• 유튜브 화면 코딩

5. 학습 정리

• js - 이벤트위임

• 유튜브 화면 html, css

6. 상세 학습 내용

• 간단한 html, css 를 이용해서 유튜브 화면을 코딩했다.

• 흠... 분명 쉬운 내용인데 이상하게 어렵게 느껴진다.

• 가장 어렵게 느껴지는 부분은 속성 네이밍에 관한 부분이었다.

• 가장 크게 와닿았던 점은 html, css 를 하나하나 치면서 시작하는게 아닌, 처음에 구조를 먼저 그리고 그 구조마다 이름과 태그를 먼저 만들어 놓은 다음에 코딩을 하는게 훨씬 빠르게 작업을 끝낼 수 있다는 것.

• JS의 이벤트에 대한 내용도 학습했다.

• 이벤트의 결과로 버블링이 일어나는데 이렇게 되면 모든 부모의 이벤트가 발동되어버리고 만다.

• 이 문제를 해결하고자 있는데 stopPropagation 인거 같은데 이 함수를 사용하는건 좋지 않다고 한다.

• 그러면 도대체 어떻게 이 문제를 해결하는거야? 이건 내일 해결하자.

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

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

8. 다음 학습 계획

• html, css 학습

• 자바스크립트의 이벤트 관련 부분 학습 및 정리