전체 글
-
html async script defer scripthtml 2020. 12. 27. 00:14
html async script defer script script defer html script defer는 script 다운로드를 백그라운드에서 실행합니다. 이렇게 script를 사용하였을 때 좋은점은 무엇이 있을까요? html 초반에 script 태그가 존재하였을 때, script가 다운로드 되기 전에 페이지가 보이지 않는데, defer를 붙이고 사용하면 html load와 script 다운로드가 따로 되어, 사용자 입장에서 로드가 빨리 되는 것 처럼 보입니다. html에서 DOM이 준비되어야만 script가 실행됩니다. (DOMContentLoaded 실행 이전에 실행됨) 스크립트 이전의 요소 스크립트 이후의 요소 script async html script async은 페이지와 완전히 따로 실..
-
css box modelcss 2020. 12. 26. 19:54
서론 Box Model이라는 것을 매우 오랜만에 들어보았다. 후배가 나에게 질문을 했을 때 단지 대답을 하면 되는 것이였지만, 난 그러지 못했다. 생각해보니 css, html에 대해서 제대로 공부해 본적이 없는 것 같다. 만약 면접 질문에 이런게 나오면 난 어떻게 대답해야 하는가? 또 이런 후배나 다른 사람들이 질문하면 어떻게 해야하는가? 다른 html적인 부분과 css는 어떤가? 이런 생각이 내 뇌를 천천히 잠식하면서, 점점 불안감에 싸이기 시작했다. 인간은 자신이 모르는 것을 다른 사람들이 알면 2가지 반응을 보인다. 불안해지거나, 의지에 불타거나. 나는 후자가 되고 싶었다. Box Model? 프론트를 어느정도는 해보았던 사람이라면 무조건 써보았을 것이다. Box Model은 html 요소의 크기를..