개발Story
article thumbnail
POST CSS( css의 모듈화)
css/postcss 2022. 1. 9. 18:08

인터넷 강의를 듣다고 알게된 강력한 css모듈화 기능에 대해 소개하려 한다. POST CSS는 css파일을 선언 후 project에서 모듈화를 통해 css의 class이름을 중복하여 사용하는 편리한 기능이다. 사용하는 방식은 프로젝트의 ${파일명}.module.css 로 파일 작성 후 project에서 원하는 이름으로 import를 하면 된다. ex) import styles from './${파일명}.module.css' 사용하면 되고, code에서는 class = {styles.h1} 위와 같이 사용하면 된다. @medea query등 다양한 문법도 지원한다. postcss는 플로그인으로 사전 셋팅이 필요하다. 가장 편한 셋팅으로는 npm을통해 npm install -D postcss postcss-..