[웹 개발 풀스택 코스] 부트스트랩 기초

부트스트랩으로 멋진 웹을 뚝딱! 
반응형 웹사이트 빠르게 빌드하기 ✨

What is Bootstrap?

부트스트랩은 반응형 웹을 빠르게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크입니다. 하나의 코드로 스마트폰, 태블릿, 데스크탑과 같은 다양한 크기의 기기에 최적화된 웹을 만들 수 있으며, 미리 만들어진 컴포넌트를 기반으로 쉽게 웹을 구현할 수 있도록 합니다.

---

부트스트랩, 왜 배워야 할까요? 

 빠른 개발, 일관성, 호환성... 효율적으로 웹 페이지를 만들고 싶다면!

빠른 개발

부트스트랩은 반응형 및 모바일 First 웹사이트를 빠르게 구축하는 데 도움이 되는 프론트엔드 프레임워크입니다. 기본 제공되는 CSS 스타일, 컴포넌트 및 자바스크립트 플러그인을 사용하여 웹사이트를 개발하기 위한 시간과 노력을 절약할 수 있습니다.

일관성과 호환성

부트스트랩은 반응형 그리드 시스템을 제공하여 다양한 화면 크기에 최적화된 웹사이트를 쉽게 만들 수 있습니다. 이를 통해 모바일, 태블릿 및 데스크탑에서 웹사이트가 사용자에게 올바르게 제공되는 것을 보장할 수 있습니다.

커뮤니티 지원

부트스트랩은 개발자 커뮤니티와 잘 정리된 문서를 갖추고 있어서 도움이 필요한 경우 쉽게 찾을 수 있습니다. 또한 다양한 플러그인, 테마 및 예제가 제공되어 웹사이트를 더욱 풍부하게 만들 수 있습니다.

유지 관리

부트스트랩은 일관된 스타일 가이드를 제공하기 때문에 코드를 효과적으로 유지 관리할 수 있습니다.

---

이 강의의 특징!

• 부트스트랩의 기본 문법 및 사용법을 차근차근 알려드려요.
• 웹 개발 프로젝트에 필요한 부트스트랩을 적용해 봅니다.
• 모든 예제 코드는 깃허브를 통해 제공됩니다.

---

무엇을 배우나요?

• 개발 IDE 툴로는 비주얼스튜디오코드(Visual Studio Code)를 사용합니다. 비주얼스튜디오코드를 이용한 개발 방법 및 유용한 확장 프로그램을 알게 됩니다.
• 부트스트랩 Layout, Contents, Forms, Components, Helpers, Utilities, Extend에 대해서 알게 됩니다.
• 부트스트랩을 CRUD 화면에 적용해 봅니다.
• 부트스트랩 테마 시장을 이해하고 테마를 사용해서 웹을 빠르게 만들 수 있는 방법을 알려드립니다.

_{부트스트랩으로 생성 화면 만들기}

_{부트스트랩으로 수정 화면 만들기}

---

이 강의를 만든 사람은
누구일까요?

개발자의 품격

개발자뿐만 아니라 UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓았습니다. 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식을 나누는 일을 하고 있어요.

더 알아볼까요?

• 유튜브 ‘개발자의품격’ 채널을 통해 200여개의 유용한 강의 영상을 제공하고 있어요.
• '바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
• 오라일리의 '러닝 타입스크립트'을 번역한 역자입니다.

[웹 개발 풀스택 코스] 시리즈 모아보기