[221207] css hover와 비동기처리

오늘의 나ㅋㅋㅋㅋㅋ

오늘은 어제 생겼던 hover에 대한 의문점에 대해서 이유를 찾게 되었다. css에서 사용하는 hover를 클래스에 적용할 때, 클래스명을 쓰고 띄어쓰기를 없이 ":hover"를 붙이면 해당하는 클래스에만 직접적으로 적용이 되는데, 클래스명 옆에 띄어쓰기를 한 칸 하고 ":hover"를 붙이면 그 클래스에 속한 자식 태그들에게 적용이 되는 것이었다!!! 이 부분이 너무 신기하기도 했고, 한편으로 hover를 적용할 때 버튼이 여러개면 클래스명을 부여하기 귀찮거나 ">"을 사용하여 자식 태그를 지칭하기 귀찮을 때 아주 간편하게 쓰기 좋은 기능이라고 생각했다.

hover 띄어쓰기가 영향을 미치는 이유 | 코드잇

한편으로 오늘은 비동기처리에 대해 간단하게 배워보았다. 자바스크립트는 동기적 언어이다보니 비동기처리를 위해 콜백함수, 프로미스, async & await 를 사용한다고 한다. 지금은 완전히 이해되지 않아서 나중에 서버 호출 관련하여 필요할 때 보다 깊이있게 공부해봐야겠다.

자바스크립트 - 동기(Synchronous)? 비동기(asynchronous)?

비동기적 방식 처리 방법 (Callback, Promise, async &await)