> For the complete documentation index, see [llms.txt](https://yamoo9.gitbook.io/css-grid/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yamoo9.gitbook.io/css-grid/css-grid-for-ie/tools-ref.md).

# 개발도구 레퍼런스

## [**PostCSS**](https://postcss.org/) **& 플러그인** <a href="#postcss-and-plugins" id="postcss-and-plugins"></a>

ProjectKit에 사용된 도구는 PostCSS와 플러그인, live-server 입니다.

* [postcss-cli](https://github.com/postcss/postcss-cli)
* [autoprefixer](https://github.com/postcss/autoprefixer#cli)
* [browserlist](https://github.com/browserslist/browserslist#full-list)
* [cssnano](https://cssnano.co/)
* [postcss-gap-properties](https://github.com/jonathantneal/postcss-gap-properties)
* [live-server](https://www.npmjs.com/package/live-server)

## PostCSS 소개 <a href="#intro-postcss" id="intro-postcss"></a>

PostCSS 사용법에 대한 소개 글을 읽어보시면 이해하는데 도움이 됩니다.

{% embed url="<https://medium.com/@FourwingsY/postcss-%EC%86%8C%EA%B0%9C-727310aa6505>" %}

## 온라인 서비스

Autoprefixer를 통해 자동 생성된 코드를 온라인 상에서 테스트 해볼 수 있습니다.

{% embed url="<https://autoprefixer.github.io/>" %}

![](https://3440753900-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LH1dN99ZXtZTFG_0JKV%2F-LHE4VLmEDTRi-NI_BXX%2F-LHE4WTqGe9x_jjPRA-w%2Fimage.png?alt=media\&token=b840bf59-8825-46c6-8929-015a06c49455)
