HTML에서 `<script>` 태그의 위치는 어디에 두는 것이 좋나요?
_____- 이유: `defer` 속성을 사용하면 스크립트가 백그라운드에서 다운로드되고, HTML 파싱이 끝난 후 실행됩니다.
- 효과: 페이지 렌더링을 방해하지 않고도 스크립트를 빨리 다운로드할 수 있습니다.
3. `` 안에 두되 `async` 속성 사용
- 이유: 스크립트가 비동기적으로 다운로드되고, 준비되는 즉시 실행됩니다.
- 단점: 스크립트 실행 순서가 보장되지 않아 여러 스크립트가 있을 경우 주의가 필요합니다.
---
요약:
| 위치 및 속성 | 장점 | 주의사항 |
|----------------------|---------------------------------|---------------------------------|
| `` 직전 | 렌더링 지연 최소화, 순서 보장 | 스크립트 실행 전에 DOM 존재 보장 |
| `` + `defer` | 파싱과 다운로드 병행, 실행 순서 보장 | 지원하는 브라우저에 한해 적용 |
| `` + `async` | 빠른 다운로드 및 실행 | 실행 순서 무작위, 의존성 주의 |
따라서, 특별한 이유가 없다면 `` 태그 바로 전에 `