부트스트랩 편집하기
편집을 되돌릴 수 있습니다.
이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 저장해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
− | '''부트스트랩''' | + | '''부트스트랩'''은 웹 사이트나 웹 응용 프로그램을 작성하기 위해 사용하는 무료 [[소프트웨어]] 도구 모음이다. |
==개요== | ==개요== | ||
− | 부트스트랩은 동적인 웹 사이트 및 웹 응용 개발을 위한 [[프론트엔드]] [[프레임워크]]로, 입력 창, 버튼, | + | 부트스트랩은 동적인 웹 사이트 및 웹 응용 개발을 위한 [[프론트엔드]] [[프레임워크]]로, 입력 창, 버튼, 네비게이션 및 기타 구성물, 각종 레이아웃 등을 [[HTML]] 및 [[CSS]]기반의 디자인 템플릿으로 제공하며 추가적인 [[자바스크립]]트 확장들도 포함한다. |
하나의 CSS 로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하고 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다. | 하나의 CSS 로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하고 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다. | ||
부트스트랩은 트위터의 두 개발자인 마크 오토(Mark Otto)와 제이콥 손튼(Jacob Thornton)에 의해 처음으로 개발되었다. 트위터 내부적으로 개발을 일관성 있게 통합하고 유지하기 위해 개발된 프레임워크로 초기에는 트위터 | 부트스트랩은 트위터의 두 개발자인 마크 오토(Mark Otto)와 제이콥 손튼(Jacob Thornton)에 의해 처음으로 개발되었다. 트위터 내부적으로 개발을 일관성 있게 통합하고 유지하기 위해 개발된 프레임워크로 초기에는 트위터 | ||
115번째 줄: | 115번째 줄: | ||
* Button dropdowns : 버튼 액션에 드랍다운이 추가된 컴포넌트 | * Button dropdowns : 버튼 액션에 드랍다운이 추가된 컴포넌트 | ||
* Input groups : 입력폼 묶음 컴포넌트 | * Input groups : 입력폼 묶음 컴포넌트 | ||
− | * Navs : 탭/버튼 형태의 각종 | + | * Navs : 탭/버튼 형태의 각종 네비게이션 버튼 묵음 컴포넌트 |
− | * navbar : | + | * navbar : 네비게이션 메뉴바 컴포넌트 |
* Breadcrumbs : 페이지 이동 경로 표시 컴포넌트 | * Breadcrumbs : 페이지 이동 경로 표시 컴포넌트 | ||
* Pagination : 페이징 컴포넌트 | * Pagination : 페이징 컴포넌트 | ||
175번째 줄: | 175번째 줄: | ||
==참고자료== | ==참고자료== | ||
− | * 두산백과, 〈[https://terms.naver.com/entry.nhn?docId=3351696&cid=40942&categoryId=32837 부트스트랩]〉, 《네이버 지식백과》 | + | * 두산백과,〈[https://terms.naver.com/entry.nhn?docId=3351696&cid=40942&categoryId=32837 부트스트랩]〉, 《네이버 지식백과》 |
* 〈[https://ko.wikipedia.org/wiki/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_(%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 부트스트랩]〉, 《위키백과》 | * 〈[https://ko.wikipedia.org/wiki/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9_(%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 부트스트랩]〉, 《위키백과》 | ||
− | * 〈[https://namu.wiki/w/Bootstrap (프레임워크) Bootstrap]〉, 《나무위키》 | + | * 〈[https://namu.wiki/w/Bootstrap(프레임워크) Bootstrap]〉, 《나무위키》 |
− | * jokergt, 〈[https://jokergt.tistory.com/89 프레임워크란?]〉, 《티스토리》,2012-05-28 | + | * jokergt,〈[https://jokergt.tistory.com/89 프레임워크란?]〉, 《티스토리》,2012-05-28 |
− | * TERMINOLOGY, 〈[https://blog.gaerae.com/2016/11/what-is-library-and-framework-and-architecture-and-platform.html 라이브러리, 프레임워크, 아키텍처, 플래폼이란?]〉, 《gaerae》,2016-11-30 | + | * TERMINOLOGY,〈[https://blog.gaerae.com/2016/11/what-is-library-and-framework-and-architecture-and-platform.html 라이브러리, 프레임워크, 아키텍처, 플래폼이란?]〉, 《gaerae》,2016-11-30 |
− | * 두산백과, 〈[https://terms.naver.com/entry.nhn?docId=1179641&cid=40942&categoryId=32854 CSS]〉, 《네이버 지식백과》 | + | * 두산백과,〈[https://terms.naver.com/entry.nhn?docId=1179641&cid=40942&categoryId=32854 CSS]〉, 《네이버 지식백과》 |
− | * unikys, 〈[https://unikys.tistory.com/371 Bootstrap시작하기, CSS 기능: 그리드 시스템(Grid system)]〉, 《티스토리》,2016-06-23 | + | * unikys,〈[https://unikys.tistory.com/371 Bootstrap시작하기, CSS 기능: 그리드 시스템(Grid system)]〉, 《티스토리》,2016-06-23 |
− | * Nextree, 〈[http://www.nextree.co.kr/p8622/ CSS : 반응형 웹(Responsive Web)]〉, 《nextree》,2014-03-31 | + | * Nextree,〈[http://www.nextree.co.kr/p8622/ CSS : 반응형 웹(Responsive Web)]〉, 《nextree》,2014-03-31 |
− | * jayzzz, 〈[https://jayzzz.tistory.com/27 부트스트랩 특징 및 장점,단점]〉, 《티스토리》,2017-08-16 | + | * jayzzz,〈[https://jayzzz.tistory.com/27 부트스트랩 특징 및 장점,단점]〉, 《티스토리》,2017-08-16 |
− | * 이원제, 〈[http://webframeworks.kr/getstarted/bootstrap/#tocAnchor-1-2 Bootstrap 시작하기]〉, 《webframeworks》 | + | * 이원제,〈[http://webframeworks.kr/getstarted/bootstrap/#tocAnchor-1-2 Bootstrap 시작하기]〉, 《webframeworks》 |
− | |||
− | |||
− | |||
− | |||
− |