[Bootstrap] 부트스트랩 시작하기

본 게시글은 BootStrap 4.0 기반으로 설명함을 안내드립니다.

개발 환경은 Brackets를 사용 합니다.

만약, 브라켓을 사용하고 싶으시다면 여기를 눌러주세요.

----------------------------------------------------------------------------------------------------------------------

부트스트랩을 사용하기 위해 우선, 구글에 접속 해주세요.

구글에 Bootstrap 4.0을 검색 해주세요.

만약, 필자와 동일한 검색이 나오지 않는다면 여기를 눌러주세요.

부트스트랩 페이지로 접속을 하게 된다면 Get Started와 Download버튼을 확인 하실수 있습니다.

또한, 하단으로 내리시면 BootsrapCDN을 확인 하실수 있습니다.

CDN과 DOWNLOAD의 차이는 CDN은 다른 외부의 URL을 통해 2차 배포를 하겠다고

DOWNLOAD는 자신의 로컬에서 배포를 한다 입니다.

간단하게 설명을 드리자면, 현재 자신의 컴퓨터가 인터넷이 되지 않는 상태에서 CDN을 사용하면 부트스트랩을 사용할 수 없습니다.

필자는 CDN으로 진행 하겠습니다.

CDN을 자세하게 보시면 CSS ONLY와 JS, POPPER.JS, JQUERY가 있는것을 확인 하실수 있습니다.

우선, 자신이 사용하는 툴을 이용해 HTML5의 껍데기를 만들어주세요.

다시 부트스트랩 페이지로 이동 하신뒤 CSS ONLY를 복사 해주세요.

<head></head> 사이에 복사한 css cdn을 넣어주세요.

부트스트랩 웹에서 JS, POPPER.JS, JQUERY도 복사해주세요.

동일하게 <head></head> 태그 사이에 넣어주세요.

여기서 가장 중요한것은 9번째줄을 보시면 jquery-3.3.1.slim.min. 제이쿼리 슬림 버전 입니다.

필자도 자세하게는 알지는 못하지만, ajax와 같은 기능을 없앤게 슬림버전 이라고 합니다.

자세한것은 아래의 설명 참고 바랍니다.

/*! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license */