학부연구생으로 참여중인 과제가 개인으로 진행하기에 UI 컴포넌트에 대한 부담을 줄이고자 BootStrap을 적용하기로 결정했다. 본 포스팅에서는 BootStrap 그리드 시스템 배치 과정을 다루고자 한다. BootStrap이란? 개발자는 CSS까지 작성할 여유가 없는 경우가 대부분이다. 특히 프론트엔드를 메인으로 다루지 않은 개발자라면 CSS에 꽤나 많은 어려움을 겪게 된다. BootStrap은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창등 UI 구성에 필요한 컴포넌트를 재사용 할 수 있도록 모아놓은 프레임워크이다. > 본 포스팅은 부트스트랩 v4.3을 기준합니다. 버전 차이에 따라 클래스명이 다를 수 있으니 유의 바랍니다. Grid System 이란? 레이아웃을 구성할 때, 12 열을 적절하게 조절하여 반응형 레이아웃을 구성 할 수 있도록 부트스트랩에서 제공하는 기능이다. 그리드 시스템을 이용해 모바일과 다양한 크기에 PC 모니터에서도 적용 가능한 웹을