bootstrap

[Bootstrap] 부트스트랩이란?

부트스트랩 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크 : 재사용 가능한 요소의 집합, 구조와 툴 결정, 확장 가능한 기반 코드 등 HTML, CSS 기반의 템플릿 양식, 버튼, 네비게이션 및 기타 페이지를 구성하는 요소 포함 자바스크립트를 선택적으로 확장 할 수 있음 Github의 오픈 소스로 사용 가능. 상업적 이용 가능 부트스트랩 탄생배경 (트위터) 서로 다른 인터페이스를 사용한 여러 개발자들의 공동작업 디지인 불일치, 관리 어려움, 방대한 코드량 → 일관성 유지 불가 문제점 개선을 위해 트위터의 개발자와 UI 디자이너가 개발 2011년 8월 깃허브 오픈, 2014년 6월 깃허브 첫 번째 프로젝트 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Java..

[Web] 웹 프로그래밍의 기초(CSS)

CSS란? CSS는 HTML로 만들어진 콘텐츠에 레이아웃과 디자인 요소를 정의하는 기술을 의미한다. 잘 설계된 CSS 코드는 재활용이 가능하며 더 나아가 테마, 템플릿 형태로 확장할 수도 있다. 또한 자바스크립트와 연계하면 콘텐츠의 내용이나 디자인을 동적으로 처리할 경우에도 유용하게 사용되므로 핵심 요소에 대해 정확하게 이해할 필요가 있다. CSS는 HTML과 함께 웹을 구성하는 기본 프로그래밍 요소다. HTML이 텍스트나 이미지, 표와 같은 구성요소를 웹 문서에 넣어 뼈대를 만드는 것이라면, CSS는 글씨의 색상이나 크기, 이미지 크기나 배치 방법 등 웹 문서의 디자인 요소를 담당한다. CSS 사용을 통해 얻을 수 있는 장점 웹 문서의 내용과 별개로 디자인만 바꾸거나, 디자인은 그대로 두고 웹 문서의 ..