DIY Bootstrap 4 - 10시간 만에 부트스트랩 기초부터 마스터하기(+ 웹팩, 프로젝트 제작)

🚀 [DIY Bootstrap 4] 부트스트랩(Bootstrap) 4에 대한 최신 개념 이해하고 실력으로 응용하며, 직접 프로젝트를 만들어보세요!

🎉 강좌 소개:

부트스트랩(Bootstrap) 4의 힘을 사용하여 Front-End 개발자가 되고자 합시다!

🖥️ 어떻게 진행될까요?

1. 부트스트랩 Grid 이해하기:

   • CSS3의 display flex를 활용하여 레이아웃 구성에 대한 깊은 이해를 시작합니다.
   • Bootstrap의 Container, Columns 등의 개념을 실습을 통해 익힘니다.

2. 부트스트랩 컨텐츠 스타일링:

   • Typography, Image 등의 Bootstrap 컨텐츠에 대한 클래스값을 정확히 적용하는 방법을 배웁니다.

3. 웹팩(Webpack)의 기본 이해:

   • 현대 Front-End 개발에서 필수적인 Module bundler인 웹팩에 대한 이론 학습을 진행합니다.

4. Webpack Starter template 구성하기:

   • 실습을 통해 Webpack Starter template를 설정하고, 프로젝트 구동을 위한 기본 환경을 구축합니다.

5. 부트스트랩 4의 컴포넌트를 활용한 Website 만들기:

   • Bootstrap 4의 다양한 컴포넌트를 이용하여 실제 웹사이트를 구축합니다.

6. Javascript와 CSS로 부트스트랩 변형하기:

   • Javascript 예제와 CSS 커스터마이징을 통해 기존의 Bootstrap 컴포넌트를 새롭게 개선하고, 더욱 독창적인 Website을 만드는 방법을 배웁니다.

🛠️ 필요한 Tool & Resource:

• Bootstrap 4.1 (및 jQuery, popper.js)
• Fontawesome 5
• animate.css 및 wow.js
• Lightbox2 (CSS와 JS 포함)
• Google map API

🖥️ Code Editor:

• 이 강좌에서는 Sublime Text를 사용했지만, Visual Studio Code나 Atom 등의 코드 에디터를 자유롭게 선택하여 사용할 수 있습니다.

👨‍💻 강좌의 Instructor:

• 부트스트랩(Bootstrap) 4에 대한 실질적인 지식과 경험을 가진 Hwang Tae-hyun 교수가 여러분의 학습을 이끕니다.

🚀 당신도 Front-End 개발자가 될 수 있습니다!

• Bootstrap 4의 강력한 기능과 함께 현대 Front-End 개발 환경을 마스터하세요.
• 이론과 실습이 결합된 학습 과정을 통해 실제 프로젝트를 완성할 수 있는 역량을 키워보세요.

🔍 실습 중심의 학습 방식 - 이론을 단순히 기억하는 것도 중요하지만, 실제로 Bootstrap을 활용한 웹사이트를 만들어보면서 직접적인 이해와 실무 능력을 키우게 됩니다.

🌟 당신의 Front-End 개발자 여정이 오늘부터 시작됩니다!

👉 지금 바로 등록하고, Bootstrap 4로 완성된 프로젝트를 만드는 데 필요한 모든 것을 배우세요.