inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

부트스트랩 설치

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

472

gukyue Hwang

작성한 질문수 1

0

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

django javascript tdd python bootstrap docker HTML/CSS aws

답변 1

0

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

0

gukyue Hwang

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

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

로그인 오류

0

87

2

docker-compose down 안되는 현상

0

204

2

url pattern관련 문의

0

198

2

오류

0

255

1

doitdjango 블로그 게시판 작동 오류

1

300

1

구글 로그인 오류 .

0

463

2

makemigrations 을 했는데 aws lightsail에서

0

205

1

안녕하세요 강사님,

0

403

2

맥북 프로 14 가상화 확인

0

438

2

테스트 코드 오류

0

389

2

섹션 6-2 알림 내용 중 링크가 잘못되어 있네요.

0

282

2

장고 개발 준비.

0

407

2

Mac

0

321

1

TDD 통과 했지만, 실제 웹에서 작동하지 않습니다.

0

375

1

summernote를 적용하고 이미지를 업로그하면 모바일에서 볼때는 이미지가 크게 나오는데 어떻게 해야 되나요?

0

916

2

python manage.py test 를 돌리면 allauth.socialaccount.models.SocialApp.DoesNotExist 에러가 뜹니다.

1

1696

2

self.client.post에 글이 생성되지않습니다

0

339

1

Nginx 설정 이후 개발용 도커 컨테이너 실행

0

552

1

UpdateView - 포스트 수정 페이지 만들기 에서 질문이 있습니다.

0

405

1

from .models import Question

0

1220

1

파이참 장고 인식 불가 문제

0

1006

2

배포용 도커 컨테이너 실행이 안됩니다

0

717

1

docker-compose exec web manage.py migrate

0

555

1

search_info가 안나옵니다..

0

360

2