이번에 하고 한 몇 년은 안 할 생각 중인 CSS 프레임워크 정리

박정호·2022년 5월 8일
0

자신 스스로가 정말 예술적 감이 없다고 생각하는 나 같은 사람들에게 디자인 요소를 다루는 것은 굉장히 어려운 일이다.
솔직히 말해 이쁘게 하고 싶은 생각도 없다. 이 행위로 큰 감흥을 느끼지 못하니까 말이다.

바로 본론으로,
개발자 측면, 실사용자 측면에서도 정말 간편하고 보기 좋게 사용할 수 있는 것이 그리드(Grid) 시스템이다.

간단한 설명글이 있어 링크를 첨부한다
https://imweb.me/faq?mode=view&category=28&category2=31&idx=189

개발에 있어 사용할만한 CSS 프레임워크들을 3가지 정도 소개한다.

1. Bulma

https://bulma.io/

깃허브 포트폴리오를 만들 때 지킬 테마를 가져오다가 블로그에 가져왔다.

<section class="hero is-fullheight has-text-centered" id="contact">
    <div class="hero-body">

어디 코드에서 굉장히 풀어쓴 듯한 클래스, 아이디 명이 있었다면 Bulma를 사용한 코드다.
개인적으로 깊게 사용해보지 않았기 때문에, 프레임워크에 대한 자세한 설명은 어렵고,
저 코드가 보일 때 낯설게만 느끼지 않았으면 싶어 추가했다.

2. 부트스트랩

https://getbootstrap.com/

그리드 시스템을 처음 이용한 프레임워크다. 좋다.

3. MUI

https://mui.com/

마지막 프로젝트에서 사용한 프레임워크다. 이 역시 좋다.

모르겠다면 2, 3번 쓰세요

profile
개발하기

0개의 댓글