script, link 오늘은 HTML에서 스크립트나 리소스를 불러올 때 사용하는 태그의 속성들에 대해 공부했다. 를 비동기적으로 로딩하기 위한 속성으로 async, defer가 있다. 에서 리소스를 빨리 가져오기 위한 속성으로 preload, prefetch, preconnect가 있다. 이 속성들의 기능은 제각각이지만 공통적인 목표는 성능의 향상, 즉 사용자가 원하는 데이터를 얼마나 빨리 보여주느냐가 관건이다. 그동안은 "그냥 에서는 defer 쓰면 되지"와 같이 단편적으로만 생각했는데, 각 속성은 저마다의 활용 방법이 있고, 별생각 없이 남용하면 오히려 성능 저하를 일으킬 수 있다는 것을 깨달았다. 앞으로도 시간이 날 때마다 무심코 썼던 기능들을 한 번씩 돌아보면 좋을 것 같다. 코드숨 TDD 지난..