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

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

하용우님의 프로필 이미지
하용우

작성한 질문수

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

부트스트랩 설치

부트스트랩에서 스타일시트는 다운로드하고 자바스크립트는 복사하는 이유가 있나요?

작성

·

396

1

부트스트랩을 적용할때

스타일시트는 다운받고 자바스크립트는 웹사이트에서

복사해서 사용하는데 이유가 있나요???

자바스트립은 왜 다운받은걸 적용하지 않는건가요?

답변 1

0

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

자바스크립트 파일도 다운받은 파일로 적용하셔도 됩니다. 

강의에서 다운로드한 파일을 사용하지 않은 이유는

1. 강의시간 절약

2. 자바스크립트 파일을 수정할 계획이 없고, CDN으로 서버에서 받는 경우, 방문자가 파일을 빠르게 받을 수 있을 가능성이 있기 때문에

입니다. 

다운로드한 파일을 어떻게 사용하는지는 보여드렸으니 추가적으로 시간을 할애할 필요가 없다고 생각했습니다. 

강의 들어주셔서 감사합니다. 

하용우님의 프로필 이미지
하용우
질문자

감사합니다.

그럼 궁금한게 하나 더 있는데요. 보통 홈페이지를 만들때요

스타일시트도 보통 그냥 주소를 복사해서 사용하나요??

아니면 강의내용처럼

스타일시트는 수정할수도 있으니깐 다운받아서 내 서버에 올리고

자바스크립트만 주소를 복사해서 사용하마뇨?

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

이 부분은 전적으로 개발자의 판단에 따라 달라집니다. 

일반적으로 jQuery나 사람들이 라이브러리처럼 사용하는 js 파일은 그대로, 주소를 복사해서 쓰는 경우가 많습니다. 

CSS파일의 경우에도, 부트스트랩을 그대로 사용하고, 일부만 수정하려고 하는 경우, 부트스트랩 파일을 주소로 받아오고, 밑에 새로 만든 다른 CSS파일을 정의해서 그 부분을 덮어씌우도록 할 수 있습니다. 

약간, 설명이 복잡하네요. 

예를 들어 부트스트랩 CSS 파일을 그대로 링크로 받아왔다고 칩시다. 그런데 h1 모양만 빨간색으로 바꾸고 싶은 경우를 가정해봅시다. 그럼 새로CSS파일을 만들어 h1 태그는 글자를 빨간색으로 보여주도록 선언한 뒤, 저장하고, html 파일에서 부트스트랩 CSS파일이 선언되어 있는 곳 밑에 그 파일 경로를 잡아주면 됩니다. 그러면 부트스트랩에 선언되어 있던 정의가 아래 있는 CSS파일의 정의로 덮어씌워지게 됩니다. 

CSS 파일 적용 순서는 아래에서 확인해보세요. 

https://opentutorials.org/module/484/4149

결론은 "개발자가 유연하게 상황에 맞게 적용시키면 된다"입니다.

하용우님의 프로필 이미지
하용우

작성한 질문수

질문하기