Bootstrap - free theme <CORONA> 소개

Bootstrap Introduction

---

 

세계에서 가장 인기있는 프론트엔드 오픈 소스 툴킷이며 Sass 변수와 믹스인, 반응형 그리드 시스템, 광범위한 사전 제작된 컴포넌트, 그리고 강력한 JavaScript 플러그인이 있는 Bootstrap으로 반응형 모바일 우선 사이트를 디자인하고 입맛대로 바꿔보세요.

 

 

https://getbootstrap.kr/

Bootstrap

 

 

Bootstrap 홈페이지에 나와있는 소개입니다.

이제 겨우 개발 6개월 차인 저는....Sass 변수? 믹스인? 그리드? 

모르는 말들이 너무 많아 이미 혼란스럽지만 혹시나 저와 같은 분들을 위해

Bootstrap 적용을 해나가는 과정을 포스팅 해볼까 합니다.

 

 

 

사용을 위해 폭풍 검색을 해본 결과 제가 원하던 자세한 정보들을

정리해 주신 포스팅이 있으니 먼저 참고해 보세요!

 

 

https://inpa.tistory.com/category/STYLE%20SHEET/Bootstrap5?page=2 

'STYLE SHEET/Bootstrap5' 카테고리의 글 목록 (2 Page)

 

 

새로운 라이브러리를 다운받기 전에는 항상 제가 사용하고 있는 툴과,

인터넷 사양에 맞는지 확인이 필요합니다.

bootstrap의 가장 최근 버전은 v 5.1이지만, 

jQuery를 더 이상 사용하지 않기 때문에 저는 bootstrap 4를 적용합니다.

 

 

 

 

 

 

Bootstrap 4 Examples

---

 

 

 

저는 일단 새로운 라이브러리를 적용하기 전에 예제들을 쭈욱 봅니다.

Document 먼저 보면 머리 아프잖아요ㅠㅠㅠ

예제들을 보며 저걸 어떻게 사용하면 좋을지를 고민해 봅니다.

Bootstrap5는 훨씬 많은 예제와 Theme이 존재합니다.

하지만 저 정도만 보고서는 제가 멋진 사이트를 완성할 거라는 생각이 저언혀 안 듭니다....

저는 Dashboard로 시작하는 페이지를 만들 것이므로 또 다시 폭풍 구글링을 해봅니다.

 

 

 

 

https://www.bootstrapdash.com/bootstrap-4-admin-template/

Free and Premium Bootstrap 4 Admin Templates [2021]

 

 

https://themeselection.com/dark-theme-admin-dashboard-template/

20+ Best Free & Premium Dark Theme Admin Dashboard Template 2022

 

 

 

 

유/무료 Admin Theme을 여러 개 소개해주는 사이트들을 보다보니

다양한 색감의 차트, 테이블 등이 들어가는 dashboard는 역시 dark mode가 멋있습니다.

물론 유료 Theme을 사용하면 다양한 기능과 조금 더 디테일한 디자인을 맛볼 수 있겠지만

비루한 직장인은 무료 중에 가장 쓸만한 걸로 고르고 고릅니다.

그렇게 결정하게 된 CORONA! 

 

 

 

 

 

 

 

이름은 조금 마음에 들지 않지만....

저는 많은 기능이 필요하지 않기 때문에 뭔가 색감이 예뻐 보이는 

이 친구로 Bootstrap을 시작해 보려 합니다.

 

 

CORONA Free Theme Credits

---

• Bootstraphttps://getbootstrap.com/
• Chart.jshttps://www.chartjs.org/
• Codemirrorhttps://codemirror.net/
• Flag iconshttp://lipis.github.io/flag-icon-css/
• Gulphttps://gulpjs.com/
• JQueryhttps://jquery.com/
• JVector Maphttp://jvectormap.com/
• Material Design Iconshttps://materialdesignicons.com/
• Moment.jshttps://momentjs.com/

• Owl carouselhttps://owlcarousel2.github.io/OwlCarousel2/docs/started-welcome.html
• Perfect scrollbarhttp://utatti.github.io/perfect-scrollbar/
• Popper.jshttps://popper.js.org/
• Progressbar.jshttps://progressbarjs.readthedocs.io
• PWS Tabshttps://alexchizhov.com/pwstabs/
• Select 2https://select2.org/
• TWBS paginationhttps://esimakin.github.io/twbs-pagination/
• Typeaheadhttps://twitter.github.io/typeahead.js/

 

CORONA Theme에 사용된 plugin들입니다. 

 

 

 

CORONA Free Theme Brower Support

---

- Chrome (latest)
- FireFox (latest)
- Safari (latest)
- Opera (latest)
- IE10+

 

CORONA Theme을 사용할 수 있는 브라우저 버전입니다.

 

 

 

CORONA Free Theme License Information

---

MIT license 하에 출시 되어 다운로드하고, 사용하고, 공유하고, 재창조가 가능합니다.

 

MIT license란? MIT 허가서는 미국의 매사추세츠 공과대학교에서 자기 학교의 소프트웨어 공학도들을 돕기 위해 개발한 허가서이다. MIT 허가서를 따르는 소프트웨어를 개조한 제품을 반드시 오픈 소스로 배포해야 한다는 규정이 없으며, GNU 일반 공중 허가서의 엄격함을 피하려는 사용자들에게 인기가 있다.

 

 

 

 

함께 사용해 보실 분들은 여기서↓ 다운로드하시면 됩니다!

 

https://themewagon.com/themes/corona-free-responsive-bootstrap-4-admin-dashboard-template/

Corona - Free Responsive Bootstrap 4 Admin Dashboard Template - ThemeWagon