CSS

코드 경량화(minify)

CSS는 네트워크를 통해서 전송됩니다. 자연스럽게 CSS의 크기가 커지면 컨텐츠의 생산자와 소비자 모두에게 손해입니다. 코드의 크기를 줄이는 것을 통해서 이런 문제를 완화해주는 도구가 minify 도구입니다. 여기서는 코드를 경량화하는 방법을 알아보겠습니다.

경량화 전 코드

body{}
h1{
    color:tomato;
}

경량화 후 코드

h1{color:tomato}

댓글

댓글 본문
작성자
비밀번호
  1. Stephen Lee
    atom 은 file - setting 에서 minify 검색후 다운하신다음에 minify 할 css 파일에서 ctrl + shift + m 하면 minify 된 css 파일을 만들어주네요.
  2. php가 첫취업?
    어렵지만 중요하지 않은.
  3. 광뀨
    완료
  4. 임지호
    minify : 웹사이트의 규모가 커졌을 때 코드를 경량화하기 위한 기술
    -cleancss같은 사이트 이용
    -보통 경량화한 파일에는 ~~~.min.확장자 같이 .min이 들어감
  5. kkndw2659
    이부분은 부트스트랩이나, less또는 sass등의 예를 드는편이 조금 좋지 않았나 하는 아쉬움이 드네요,
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기