[부트스트랩5 무료 강의] bootstrap 적용 방식 이해하기

이번 시간부터 본격적인 부트스트랩 강의가 시작되는데요. 

 

이번 첫 시간에는 부트스트랩이 어떠한 방식으로 작동되는지 그 작동 방식에 대해 간단하게 소개해 드릴 거예요. 

구글에서 bootstrap으로 검색을 해 보면, 

영문 홈페이지와 한글 홈페이지, 두 가지 결과가 뜨는데요. 

.com이 영문 공식 사이트예요! 저희는 이 영문 공식 사이트를 참고해서 강의를 진행해 나갈 거예요! 

한국어판 또한 현재는 동일한 버전이지만,

한국어판은 보통 버전 업데이트가 수개월 이상 늦어지는 경우가 많기 때문에, 

가급적 영문 사이트에 익숙해지실 것을 권해 드립니다. 

 

부트스트랩 적용 방식에 대한 상세한 내용을 아래 영상에 모두 담아 두었으니까요. 

영상을 통해서 만나 보세요!  

부트스트랩 공식 홈페이지에 보면 

responsive site를 빠르게 만들 수 있다고 되어 있는데요.

바로 이 부분이 부트스트랩의 최대 장점입니다. 

이 responsive site가 바로 반응형 웹 사이트를 말합니다. 

브라우저의 크기에 따라 화면 레이아웃을 바꿔주는 방식을 반응형 웹 디자인이라고 합니다. 

 

모바일로 접속하든, 태블릿 또는 노트북으로 접속하든, 그에 맞춰 화면의 레이아웃을 바꿔주는 거예요! 

사실 이러한 반응형 웹 디자인을 한다는 것은 결코 쉬운 일이 아닙니다. 

하지만, 부트스트랩을 통하면, 아주 간단하게 반응형 웹 사이트를 만들 수 있어요! 

 

바로 이점이 부트스트랩의 최대 장점이라고 할 수 있습니다.  

부트스트랩은 별도의 책이 필요 없을 만큼 공식 홈페이지에 문서가 잘 정리되어 있어요. 

그래서 부트스트랩 docs에서 찾아가면서 공부해 나가시면 됩니다. 

 

먼저 부트스트랩이 어떠한 형식으로 동작하는지 보기 위해서 파일을 다운로들 받아서 보여 드릴 거예요. 

이 과정은 상단의 영상에 담아 두었으니까요. 위의 영상을 통해 확인해 보세요! 

 

부트스트랩에서 자주 사용되는 스타일이나 기능을 미리 만들어 두었습니다. 

그래서 저희는 부트스트랩에서 미리 정의해둔 스타일이나 기능을 그대로 가져와서 적용해 주기만 하면 되는 거예요! 

상단의 영상을 보시면 보다 쉽게 이해가 되실 거예요! 

 

웹 디자인에 있어, 

부트스트랩은 정말 강력한 도구입니다! 

부트스트랩을 사용하면, 입문과정에서도 상당히 수준 높고, 전문가 수준의 웹 사이트를 만들어 낼 수 있어요! 

 

보다 빠르고 체계적으로 부트스트랩을 배울 수 있는 bootstrap5 강좌를 인프런을 통해서 런칭하였습니다! 

총 2가지 실전 프로젝트를 통해 부트스트랩이라는 새로운 도구를 손에 쥐어 보세요! 

[부트스트랩5] 빠르고 스마트하게 웹 사이트 만들기 [입문용] - 인프런 | 강의

 

부트스트랩5로 웹 사이트 제작부터 배포까지 그 전체적인 과정을 경험해 보실 수 있습니다! 

본 과정을 통해 나만의 포트폴리오 웹 사이트를 세상 속으로 탄생시켜 보세요!