Bootstrap 정리

부트스트랩 이란 :  이미 만들어져 있는 css를 갖다 써서 코딩양을 줄이기 위해 만들어진 프레임워크

 

 

프레임워크 란:  코드 재사용이 가능하게끔 기능들을 제공하는것

 

 

부스트랩 사용법:

cdn 방식:  url이 가리키는 서버에 있는 내용을 참조해 가져다 쓰는것 

 

stylesheet: 외부 스타일시트를 참조  

scripts: 이벤트에 따른 결과물을 새로고침없이 보여주는 기능제공

 

<link rel ="stylesheet"  .... >

<script> ....</script>

<script>를 만나게 되면 렌더링(로딩)을 멈추고 스크립트를 다 읽고 나서 진행되기 때문에 느려짐 그래서 맨 아래에 

커스텀 css:   내부스타일 시트 / 외부스타일 시트

 

 

선택자:   class . id #

 

네비게이션 바, 점보트론, 카드, 그리드

 

 

반응형 웹:  해상도나 화면 크기에 맞춰 웹페이지 모양이 자동으로 보기 좋게 변환되는것

 

 

실습:

https://kr.123rf.com/photo_31754109_%ED%8C%8C%EB%9E%80%EC%83%89-%EB%B0%B0%EA%B2%BD-%EA%B2%80%EC%A0%95-%ED%85%8C%EB%91%90%EB%A6%AC-%EB%A9%8B%EC%A7%84-%ED%8C%8C%EB%9E%80%EC%83%89-%EB%B0%B0%EA%B2%BD-%EC%B1%85-%ED%91%9C%EC%A7%80-%EB%B9%88%ED%8B%B0%EC%A7%80-%EA%B7%B8%EB%9F%B0-%EC%A7%80-%EB%B0%B0%EA%B2%BD-%EC%A7%88%EA%B0%90.html

불러오는 중입니다...

https://blog.fotolia.com/kr/2017/07/24/%EC%82%AC%EB%9E%91%EC%8A%A4%EB%9F%AC%EC%9A%B4-%EB%B0%98%EB%A0%A4%EA%B2%AC-%EA%B0%95%EC%95%84%EC%A7%80/

불러오는 중입니다...

http://blog.daum.net/_blog/BlogTypeView.do?blogid=0ar4S&articleno=6

불러오는 중입니다...