[BootStrap] 부트스트랩 이용해보기 - 1

👉 실생활에서의 AJAX

     지역별 선택에 따른 날씨 RSS를 다르게 보여준다.

     + RSS를 이용해서 XML을 받아서, 파싱하게 되면 현재 시점에서 백엔드를 몰라도 데이터 처리가 가능하다.

 

👉 BootStrap이란?

     ◾ 빠르고 쉬운 웹 개발을 위한 무료 frontend 프레임워크.

     디자인을 보다 편리하게 해주기 위해 모아둔 라이브러리

     HTML 및 CSS 기반 디자인 템플릿과 선택적 JavaScript 플러그인이 포함되어 있다.

     반응형 디자인을 쉽게 만들 수 있는 기능을 제공한다.

 

👉 BootStrap CDN

     공식 사이트에 있는 URL을 받아서 연결하면 되고, 라이브러리 다운로드를 받아서 사용하기도 한다.

 

👉 Container

     반응형 고정 너비 컨테이너를 제공하여, container-fluid 클래스는 꽉찬 영역을 제공한다.

 

👉 Grid System

     부트 스트랩의 그리드 시스템은 플렉스 박스로 구성되어, 페이지에 최대 12개의 열을 허용한다.

     클래스를 결합하여 보다 동적이고, 유연한 레이아웃을 만들 수 있다.

 

👉 BootStrap을 이용해서 웹 페이지를 만들어 봅시다.

      www.w3schools.com/bootstrap/bootstrap_ver.asp <---  여기서 확인할 수 있습니다.

 

$.ajax({ key:value });

<ajax함수에 사용되는 key> url: //요청url type: //HTTP요청 방식 서술. ('GET','POST') data: //서버에 전달할 파라미터 데이터의 의미. dataType: //서버가 전달받는(출력한) 데이터의 자료형을 명시. (xml, json, script, or html) success: 콜백함수 ( Anything data, String textStatus, jqXHR jqXHR ) error:콜백함수 ( jqXHR jqXHR, String textStatus, String errorThrown )

==> 가장많이 사용되는 key : url, data, success콜백