인프런 커뮤니티 질문&답변

안녕하세요. 

예제에서는 위와 아래 어디에 위치하든 큰 상관은 없습니다. 다만, 사람들이 주로 많이 배치하는 곳이 head 안 쪽 혹은 body 아래쪽이라고 알려드리기 위해 보여드린 예제입니다. 

head에 넣으면 JS에 의존적인 요소가 body에 있을 때, js파일을 이미 읽어두었으므로 페이지가 열린 순간부터 JS가 적용된 결과물을 보여 줄 수 있습니다. 하지만JS 파일이 큰 경우에 페이지를 읽는 시간이 느려질 수 있다는 단점이 있습니다. 

밑에 넣으면 사용자가 페이지를 빠르게 다운 받을 수 있습니다. 다만, JS 의존적인 요소가 HTML body내에 있을 때에 적용이 되지 않은 상태로 볼 수도 있다고 합니다. 

더 자세한 설명은 아래 블로그를 참고하세요. 

https://mynameisleeminee.tistory.com/24

https://velog.io/@takeknowledge/script-%ED%83%9C%EA%B7%B8%EB%8A%94-%EC%96%B4%EB%94%94%EC%97%90-%EC%9C%84%EC%B9%98%ED%95%B4%EC%95%BC-%ED%95%A0%EA%B9%8C%EC%9A%94