# Show GN: mlut - Sass와 인체공학이 적용된 원자 CSS 툴킷

> Clean Markdown view of GeekNews topic #16389. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16389](https://news.hada.io/topic?id=16389)
- GeekNews Markdown: [https://news.hada.io/topic/16389.md](https://news.hada.io/topic/16389.md)
- Type: show
- Author: [mr150](https://news.hada.io/@mr150)
- Published: 2024-08-20T23:52:11+09:00
- Updated: 2024-08-20T23:52:11+09:00
- Original source: [github.com/mr150](https://github.com/mr150/mlut)
- Points: 1
- Comments: 0

## Topic Body

안녕하세요, GN 커뮤니티 여러분!  
  
제 오픈소스 프로젝트인 mlut에 대해 말씀드리고자 합니다. 이 프로젝트는 복잡한 스타일을 만들기 위한 Sass와 인체공학적 디자인을 갖춘 Atomic CSS 툴킷입니다.  
  
- 강력한 명명 규칙  
- 거의 임의적인 구문  
- 뛰어난 인체공학  
- 편리한 확장 기능  
  
기능에 대한 자세한 분석은 GitHub의 readme에서 확인할 수 있습니다. 기술적인 부분을 더 자세히 살펴보고 싶으시다면 이 문서: https://dev.to/mr150/atomic-css-deep-dive-1hee 를 참조하세요. 대규모 JavaScript 컨퍼런스에서 제가 강연한 내용을 녹취한 것입니다 (HolyJS).  
  
그동안 이 도구의 몇 가지 기능을 더 소개해드리겠습니다:  
  
- Sass로 작성되었으며 모든 이점을 포함합니다.  
- JIT(온디맨드) 및 AOT 모드를 사용할 수 있습니다.  
- 완전 사용자 정의 가능: 토큰, 유틸리티 이름 및 모든 설정 변경 가능  
- 기존 프로젝트에 쉽게 통합. 대부분의 프로젝트에서 CSS와 이름 충돌 없음  
  
프로젝트의 역사에 대해 조금 더 자세히 알고 싶으시다면 이 글을 참조하세요: https://dev.to/mr150/mlut-a-new-word-in-the-utility-first-css-approach-gbl  
  
피드백, 특히 GitHub에서 별점을 주시면 감사하겠습니다!

## Comments



_No public comments on this page._