비동기로 import 되어도 이슈가 없을 경우에는 body에 포함시킨다구하셨는데, 그럼 똑같이 문제가 없는경우는 head사이에 전부 포함시켜도 되는건가요?

네. js 는 head 에 포함되는 것이 일반적입니다. https://stackoverflow.com/questions/6303490/whats-the-difference-between-html-head-and-body-tags 참고해보세요.

헐 그럼 코드잇 강의에선 body에 포함시켜서 진행하는건 다른 이유가 있나요?

@골드서퍼 head에 포함된 js코드에서는 body내에 선언된 엘리먼트를 접근 할 수 없기 때문입니다. 아직 body가 로드되지 않았기 때문이죠. 그래서 document.onload = function() { document.querySelector(“#title”);} 과 같은 형태로 이벤트를 추가해 모든 엘리먼트가 전부 로드 되었을 경우에 코드가 실행되도록 합니다. 하지만 body안에 마지막에 선언하게 되면 해당 시점엔 엘리먼트가 로드가 되었기 때문에 앞선 예시와 같은 처리 없이 바로 접근이 가능합니다.