묻고답하기
xedition 에서 layout.css 와 layout.min.css 의 차이가 무언가요?
2015.06.06 22:15
layout.html 에서는 layout.css 만 불러오는데 크롬의 요소 검사에서 보면 layout.min.css 가 적용되어 있더군요. 둘 간의 쓰임새의 차이가 무엇인가요?
댓글 4
-
greenCode
2015.06.07 13:45
그렇군요. 그러면 관리자로서 화면의 가로폭 등 조정을 위해 css를 수정할때 어느 것을 수정하는 것이 옳은가요? 둘 중 하나를 수정 후 다른 것은 임시 삭제해도 수정 사항이 잘 반영되는군요.
둘의 사이즈가 13kb 와 14kb으로 layout.min.css 이 1kb 적을뿐인데 전송량 줄이기 위함만은 아닐 것도 같구요.
답글에 감사드립니다.
-
greenCode
2015.06.07 13:49
자바스크립트 파일을 보니 .min 파일의 용량이 원래 파일의 1/2이군요. 전송량이 1/2이니 효과적이겠습니다.
그러면 원래 파일 수정화 .min 파일화 하는 방법이 있는지 궁금합니다.
-
greenCode
2015.06.07 20:30
자답 하게 되는데요.
온라인 API를 제공하는 곳을 발견했습니다.
http://cssminifier.com/
두 파일을 모두 열어 보셨다면 min 파일은 공백이나 줄바꿈이 전혀 없다는걸 아실수 있으실겁니다.(주석 제외)
.min 파일은 minify된 파일, 즉 용량을 줄인 파일로, 전송량을 줄여 줍니다.
다만 minify된 파일은 공백 등이 없고, 자바스크립트는 변수 등이 전부 알파벳 한글자 등으로 바뀌기에 개발시 불편하기에 개발시에는 원본을, 실 서비스시에는 min 파일을 사용합니다.
XE는 __DEBUG__의 값에 따라 자동으로 min 파일을 불러올지 원본을 불러올지 결정합니다.