한글사이트(페이크)
http://bootstrapk.com/
공식사이트
https://getbootstrap.com/
한글공식사이트
https://getbootstrap.kr/
부트스트랩은 반응형이며 모바일 우선인 웹프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크입니다.
- 반응형 => 화면 사이즈에 따라 변화 (미디어쿼리)
- 모바일 우선 => 모바일 사이즈 화면이 우선처리됨
- 프레임워크!
프레임워크
프레임 워크란, 개발의 생산성을 증가시켜주는 하나의 거대한 도구이다.
만약 여러분이 햄버거를 주문할 때, “신선한 빵에 패티를 노릇하게 굽고, 양상추와 피클 그리고 베이컨을 사이에 얹어 주세요” 라고 주문한다면 얼마나 답답하겠는가?
프레임워크를 사용하면 다음과 같이 주문 가능하다.
“빅맥 주세요”
프레임워크의 장, 단점
장점
1) 효율적
- 아무것도 없는 것에서 코드를 일일이 짜는 것보다 시간과 비용이 훨씬 절약되며 생산성이 좋아집니다.
2) Quality 향상
- 버그 발생 가능성을 처리해줌으로써 개발자가 반복 작업에서 실수하기 쉬운 부분을 커버해줍니다. 다수의 개발자가 사용하며 수정하다 보니 이미 검증된 코드라고 볼 수 있습니다.
3) 유지 보수 효율적
- 프레임워크를 쓰지 않고 일일이 코드를 짜 놓은 경우, 회사 입장에서 개발 담당자가 바뀌어버리면 곤란해집니다. 그러나 Framework를 사용하면 코드가 보다 체계적이어서 담당자가 바뀌더라도 위험부담을 줄일 수 있으며 유지 보수에 안정적입니다.
단점
1) 초기 학습시간이 필요
- 코드를 본인이 짜 놓은 것이 아니기 때문에, 프레임워크에 있는 코드를 습득하고 이해하는 데 시간이 걸립니다.
2) 제작자의 의도된 제약 사항
- 제작자가 설계한 구조를 어느 정도 유지한 채 코드에 살을 붙여나가야 합니다. 따라서 개발자는 자유롭고 유연하게 개발하는 데 한계가 있습니다.
결론 부트스트랩을 사용하면,
- 쉽게 반응형 웹사이트 개발
- 이미 스타일된(CSS) 요소를 사용하여 개발 시간이 절약
- 공동으로 작업을 했을때 누구나 쉽게 이해 및 동일한 디자인 적용
- 실제 웹 프로그래밍에 집중할 수 있게 해 준다.
픽서