[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

빠르고 실용적인 웹 사이트 제작,
같이 시작해볼까요? 😉

부트스트랩으로 만드는
나만의 웹 사이트 ⚒️

HTML과 CSS만 보더라도 상당한 수준의 학습량을 요구합니다. 하지만 우리는 부트스트랩(bootstrap)을 통해서 상당한 수준의 웹 사이트를 빠르고 스마트하게 만들 수 있습니다. 

본 과정은 자신의 포트폴리오 사이트를 직접 만들어 보고 싶은 비전공자분들, 백엔드 쪽을 메인으로 웹 프로그래밍을 공부해 나가실 분들을 위한 강의입니다. 핵심만 뽑아 HTML과 CSS를 빠르게 익히고, 부트스트랩을 활용해 전문적인 포트폴리오 웹 사이트를 만들 수 있도록 구성했습니다.

HTML이나 코딩 경험이 전혀 없어도 걱정하지 마세요! 본 강의는 입문 과정으로, html을 처음 접하는 분들을 위해 완전 기초 개념부터 시작해서 전문가 수준의 웹 사이트까지 만들어 볼 수 있도록 준비된 과정입니다. 부트스트랩(Bootstrap)을 통해 빠르고 스마트하게 웹 사이트를 만들어 나가세요. 여러분은 강의를 통해 나만의 색을 입힌 웹 사이트를 세상과 공유하게 될 거예요! 

_{강의를 통해 만들게 될 프로젝트 예시}

---

Why 부트스트랩? 🤔

쉽고 빠른 웹사이트 제작! 

부트스트랩(Bootstrap)은 이미 전 세계적으로 프론트엔드 개발자들 사이에서 가장 많이 사용되고 있는 CSS/자바스크립트 프레임 워크입니다. 쉽게 말해 웹 사이트를 쉽고 빠르게 디자인할 수 있도록 도와주는 도구예요. 

반응형 웹 디자인까지 가능!

우리는 컴퓨터나 태블릿, 스마트폰뿐만 아니라, 자동차나 TV 또는 냉장고와 같은 가전제품을 통해서도 웹 브라우저 접속이 가능해졌습니다. 이처럼 우리는 다양한 크기의 기기를 통해서 웹 사이트에 접속합니다. 어떤 기기로 접속하든 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 변경해 주는 방식을 반응형 웹 디자인이라고 합니다. CSS만으로 이러한 반응형 웹 디자인을 한다는 것은 결코 쉬운 작업이 아닙니다. 하지만, 부트스트랩을 사용하면, 아주 간단하고 빠르게 반응형 웹 디자인을 만들 수 있어요! 

---

이런 분들께 추천해요 🙋‍♀️

---

함께 만들어 볼 프로젝트 📚

본 강좌를 통해 함께 만들어 볼 프로젝트는 크게 3개의 영역으로 나뉩니다. 

총 4개의 HTML, CSS 핵심 개념을 담은 예제와 부트스트랩5(bootstrap5)으로 만드는 최종 웹 사이트 2개를 함께 만들어 나가는 과정입니다. 또한 완성된 최종 웹 사이트는 깃허브를 통해 무료로 배포하는 방법도 소개해 드리니까요. 본 과정이 마무리되면, 여러분만의 색을 입힌 포트폴리오 웹 사이트를 갖게 되실 거예요! 

부트스트랩5 프로젝트 1

부트스트랩을 배우면서 첫 번째로 만들어 볼 포트폴리오 웹 사이트를 영상으로 먼저 만나 보세요! 

부트스트랩5 프로젝트 2

부트스트랩의 기초를 다진 후 최종적으로 만들어 볼 포트폴리오 웹 사이트입니다. 두 번째 작품에서는 이미지 슬라이더, 사이드바 레이아웃, Tab과 아코디언 기능이 추가되고, 구글 맵과 폼 디자인도 적용해 봅니다. 

---

예상 질문 Q&A 💬

---

지식공유자 소개 ✒️

---