단순하게 풀어서 무난하게 통과
리뷰는 여기서 - 일일 아티클
내용 정리는 여기서 - Poiemaweb 읽기
html, css는 종종 js보다 더 고민하는 시간이 길 때가 있다. 이렇게 작성하면 원하는 결과가 나온다는 것은 알고 있지만, "이게 최선일까?"라는 고민을 하게 되면 끝도 없다..
더 나은 html구조나 css 선택자 조합 등을 고민하다보면 하루가 훌쩍...
prototype으로 컴포넌트를 만들어봤지만 class가 역시 짱 편하고 좋다.. 내부적으로는 같지만..
box-sizing : border-box는 컨텐츠 영역 + padding + border를 포함한 영역에 대해 width, height를 지정하는 것이다. 그렇기에 padding값에 따라 박스 크기가 커지지 않았던 것. 그냥 별 생각없이 썼는데 이제야 그 원리를 알게 되었다.
focus 이벤트를 버블링이 되지 않으며, focusin은 버블링이 된다.
MutationObserver : 지정한 객체의, 지정한 값(객체)가 변경되었는지 감시해서 원하는 callback을 실행할 수 있다! A DOM의 프로퍼티가 변경될때 특정 callback을 호출하는 등으로 사용할 수 있다. 잘 쓰면 유용하지만 너무 남발하면 꼬이거나 무한 루프에 빠질 수 있으니 주의!