생활코딩

Coding Everybody

코스 전체목록

닫기

코드 경량화(minify)

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

경량화 전 코드

body{}
h1{
    color:tomato;
}

경량화 후 코드

h1{color:tomato}

댓글

댓글 본문
  1. 곤비
    0220
  2. 덕자
    완료!
  3. DreamBoy
    2023.09.24. CSS - 유지보수 - 코드 경량화(minify) 파트 수강했습니다.
  4. AgainstartJH
    2022년 12월 01일 목요일 학습완료!
  5. INJE
    22/03/19
  6. 임앤강
    2022-01-28 나중에 다시 봐야겠네욧 ㅎㅎ
  7. 드림보이
    2021.11.22. 코드 경량화(minify) 파트 수강완료
  8. choi
    완료
  9. jeisyoon
    2021.06.24 minify - OK
  10. 스마일가이
    2021.02.01 완료 감사합니다
  11. 따뜻한츄르
    210101
  12. 201225
  13. 감사합니다
  14. 콜라
    20201001완료
  15. 한강
    코드경량화(minify)
    잘 배웠습니다. !!!
    200616
  16. green diseny
    나중에 nodejs설치해서 한번해보기 지금은 딱히 나한테는 필요없음
  17. Blanc
    2020.01.06
  18. jin xiong
    clear~
  19. 다나가
    190807-수강완료!!!!
  20. lygon
    2019-03-12 완료
  21. 숨이
    완료햇습니당
  22. 김민영
    완료
  23. 띠링
    감사합니다.
    대화보기
    • 띵링
      cleancss 한 후 결과파일 내용을 윈도우 cmd창에서 보려면
      type minify.min.css
      를 치면 됩니다.
    • 푸른하늘
      12일차 공부 감사합니다
    • 오빠는다르다
      감사합니다~!!!!!
    • 쿠반
      node.js 에서 clean-css 로 설치해봤는데 영상처럼 cmd창에 cleancss 쳤는데도 안되서
      구글링 해봤더니 clean-css랑 clean-css-cli 로 나뉘었다고 하네요
      clean-css-cli 설치해서 cmd 창에 cleancss 쳐보니 잘뜹니다
      cleancss -o one.min.css one.css 이런식으로 경량화 시키는 것도 되네요!
    • Stephen Lee
      atom 은 file - setting 에서 minify 검색후 다운하신다음에 minify 할 css 파일에서 ctrl + shift + m 하면 minify 된 css 파일을 만들어주네요.
    • php가 첫취업?
      어렵지만 중요하지 않은.
    • 광뀨
      완료
    • 임지호
      minify : 웹사이트의 규모가 커졌을 때 코드를 경량화하기 위한 기술
      -cleancss같은 사이트 이용
      -보통 경량화한 파일에는 ~~~.min.확장자 같이 .min이 들어감
    • kkndw2659
      이부분은 부트스트랩이나, less또는 sass등의 예를 드는편이 조금 좋지 않았나 하는 아쉬움이 드네요,
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기