20201014 TIL

20201014 TIL

• 오늘은 리액트보다도 CSS를 더 많이 공부했다..
• 특히 이 영상을 흥미롭게 봤는데 댓글에도 알차보이는 내용이 있어서 재밌게 봤다.

도움이 되었던 댓글 중에

script 태그를 head 에 넣지말라, body 하단으로 넣어주어라" 라고 조언해주시더라구요. 이 이유는 브라우저의 동작 방식 때문입니다. 태그를 읽고 해석하여 DOM 을 생성하는데, 중간에 script 태그를 만나면 HTML 태그 해석을 중단합니다. 결국에는 페이지 로딩 지연이 발생합니다. 그래서 끝에 script태그를 넣는 것이 좋다고 말씀하신 것입니다. 하지만, 개발자 중에서는 변수 선언을 최상단으로 몰아넣는 스타일을 원하시는 분들도 많이 있으실 겁니다. script 태그도 head 안에 넣고 싶은 분들이 해당되겠습니다. 이럴때는 주저하지 마시고, 브라우저의 비동기 로딩을 활용하시면 되겠습니다. script 태그를 async, defer 속성과 함께 이용하신다면, HTML 태그를 읽고 해석하는데 중간에 방해/지연 없이 동작합니다. 사실 저는 async, defer 속성을 사용하여 head 안에 script 태그 넣는 것을 추천드립니다. 이유는 브라우저에서 script 태그를 만나기 전까지 해당 코드를 다운받지 않습니다. 결국 인터넷이 느린 환경이라면 페이지 로딩 시간보다 script 를 다운받는 시간때문에 곤란한 상황이 많이 발생합니다. async, defer 속성과 함께라면 html 해석과 동시에 script 를 다운받을 수 있습니다. 한국처럼 인터넷 빠르다면, 상관없는 이유가 되겠습니다.

라고 한다.

 

 

 

• TIL은 아니고 TIH(Today I Hated)가 하나 있는데 ms office 365가 제대로 안깔려진다.. 기존에 있던 office를 삭제해도 365로 바뀌질 않는다. MS놈들..프로그램을 좀비처럼 만들어놓는거니... 왜 삭제해도 삭제해도 기존에 있던게 생기는거니...
• 사실 오늘 퇴근하고 오는 길에 버스 멀미를 심하게 해서 공부한게 잘 기억이 안난다 ㅠ 고로 오늘은 일찍 잡니다....(근데 내일도 office 365 제대로 안깔리면 어뜨카지...)