인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

gukyue Hwang님의 프로필 이미지
gukyue Hwang

작성한 질문수

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

부트스트랩 설치

javascript 넣는 위치 문의드립니다.

작성

·

445

0

이전에 만든 javascript는 head 태그에서 불러왔는데, 부트스트랩의 javascript는 body태그 맨 아래쪽에서 불러오는 이유가 있을까요?

답변 1

0

SungYong Lee님의 프로필 이미지
SungYong Lee
지식공유자

안녕하세요. 

예제에서는 위와 아래 어디에 위치하든 큰 상관은 없습니다. 다만, 사람들이 주로 많이 배치하는 곳이 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

gukyue Hwang님의 프로필 이미지
gukyue Hwang
질문자

오 👍 👍 👍  위치에 따라 그런 차이가 날 수 있더

다니 신기합니다... 자세한 설명 감사합니다^^

gukyue Hwang님의 프로필 이미지
gukyue Hwang

작성한 질문수

질문하기