[부트스트랩]bootstrap 시작

 웹 디자인 프레임 워크. 기본적으로 반응형 웹을 제공하고 있고, 사용하기 편리하여 많이들 쓴다고 한다. 

웹 디자이너가 따로 디바이스에 신경쓸 필요가 없다는게 장점인듯 하다.

 

설치하면 css와 js 파일이 설치된다. 안경잡이 개발자님이 다운했을 때는 font도 있었는데 왜 없는지 모르겠지만

폰트는 중요한 요소가 아니기 때문에 패스.

index.html 파일은 내가 만들었다. 개발툴은 vs code를 사용.

 

처음이니깐 Hello world!를 찍어보자. 어차피 html 위에 쓰는거기 때문에 전체적인 틀은 익숙하다.

 

 나동빈님 강의를 그대로 따라했다. 결과물은 Hello world!를 찍는 것이지만 사실 요지는 부트스트랩 프레임 워크를 

사용하기 위한 head 작업을 이해하는 것이다. 부트스트랩을 위한 가장 기본적인 세팅.

 

 <meta

     name="viewport"  // 현재 접속한 디바이스의 해상도에 맞게 웹을 보여주겠다.

     content = "width-device-width" // 화면을 보고 있는 웹의 너비는 장치의 너비와 같도록 한다.

     initial-scale = "1" //초기 1비율 1.0

 > 

 

 <link

     rel="stylesheet" //외부적으로 만들어진 css 디자인을 가져오겠다.

     href = "css/bootstrap.css" //부트스트랩 css 디자인 경로

 >

 

기본 중에 기본 세팅만 head에 추가하였다.