Bootstrap5

전세계적으로 가장 많이 사용되고 있는 웹 디자인 툴킷!

부트스트랩을 통해 보다 빠르고 스마트하게 나만의 포트 폴리오 웹 사이트를 만들어 보세요!

본 강의는 보다 실용적이고 빠르게 웹 사이트를 만들고자 하는 분들을 위한 강의입니다.

웹 사이트를 만들기 위한 가장 기본 언어인, HTML과 CSS만 보더라도 상당한 수준의 학습량을 요구합니다.

하지만, 보다 빠르고 효율적으로 웹사이트를 만드는 길을 선택할 수도 있습니다.

바로 부트스트랩입니다.

우리는 부트스트랩을 통해서 상당한 수준의 웹 사이트를 빠르고 스마트하게 만들 수 있습니다.

[ 본 강좌를 통해 만들게 될 프로젝트 예시]

HTML이나, 코딩에 대한 경험이 전혀 없어도 걱정하지 마세요!

본 과정은 입문과정으로 html을 처음 접하는 분들을 위해 완전 기초 개념부터 시작해서 전문가 수준의 웹 사이트까지 만들어 볼 수 있도록 준비된 과정입니다.

이제 부트스트랩을 통해 빠르고 스마트하게 웹 사이트를 만들어 나가세요. 본 강의를 통해서 여러분은 나만의 색을 입힌 웹 사이트를 세상과 공유하게 될 거예요!

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

부트스트랩 프로젝트 1

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

부트스트랩 프로젝트 2

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

Why 부트스트랩?

웹 사이트를 쉽고 빠르게 디자인할 수 있도록 도와주는 도구!
부트스트랩은 이미 전세계적으로 프론트엔드 개발자들 사이에서 가장 많이 사용되고 있는 css/자바스크립트 프레임 워크입니다. 쉽게 말해 웹 사이트를 쉽고 빠르게 디자인할 수 있도록 도와주는 도구예요.
부트스트랩의 최대 장점 중 하나가, 바로 반응형 웹 디자인입니다.
우리는 컴퓨터나 태블릿, 스마트 폰 뿐만 아니라, 이제 자동차나 TV 또는 냉장고와 같은 가전 제품을 통해서도 웹 브라우저 접속이 가능해졌습니다. 이처럼 우리는 다양한 크기의 기기를 통해서 웹 사이트에 접속합니다.
어떤 기기로 접속하든 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 변경해 주는 방식을 반응형 웹 디자인이라고 합니다.
CSS만으로 이러한 반응형 웹 디자인을 한다는 것은 결코 쉬운 작업이 아닙니다. 하지만, 부트스트랩을 사용하면, 아주 간단하고 빠르게 반응형 웹 디자인을 만들 수 있어요!
바로 이 부분이 부트스트랩의 가장 큰 장점입니다.