본문 바로가기

[코딩 공부_109] css / js 파일 압축 풀기

by BEE_0o0 2021. 10. 20.

오랜만에 블로그를 올린다 😂 그동안 너무너무 심적으로 힘들어서 블로그를 생각할 수가 없었다,,

취업하구 바빠서 자기개발을 못했다 ㅠㅠ 지금도 사실 너무너무 피곤하다 ㅠ 금요일에 쉬는데 쉬면 좀 나아지겠찌! 하는 마음이 있다 헤헤................. 

아직 디자인만 작업하고 코딩은 작업을 안하고 있다 😥 아직 1개월차라 코딩을 맡기지 않는 듯하다 ! 그래서 지금 열심히 공부 안하면 .... 후폭풍이 장난아닐거다라는 생각이 휙휙 돈당,, 지금 서서히 ftp 작업 요청을 해주시기 떄문이당 

지금은 홈페이지 디자인 시안 작업 중인데 너무 떨린다 ㅠㅠ 내꺼를 쓸 지도 잘모르겠지만 그냥 하고 있는데 너무 떨린당 히히키키... 아무튼 오늘 배운 js 파일 압축 풀기에 대해서 포스팅해보고자 한다

서론이 참 길었다 ㅎㅎ.. 혼자 살다보니 어데다가 이야기할 곳도 없고 넘넘 슬펐다 큐ㅠ... 앞으로 자주 써야겠담 ㅎ

 

보통 js나 css 소스를 가져오면 아래와 같이 빼곡한 외계어를 볼 수 있다

이렇게 압축해서 사용하는 이유는 전에도 이야기 했다시피 용량을 줄이기 위함이다ㅎㅎ..

하지만 가독성이 떨어져서 알아보기 너무너무너무너무너무!! 불편하다는 것

절대 해독 불가능이다.. 그렇다면 이걸 알아볼 수 있게 작업환경으로 바꿔주는 고마운 녀석이 있으니..

 

 

 

바로 요녀석이다

 

Pretty Diff - The difference tool

↑ ↑ ↔

prettydiff.com

 

파일 선택하고 beautify 체크하고 execute 하면 오른쪽과 같이 변환해준다

그러면 저걸 보고 어느정도 해석이 가능하다는 것 ㅎㅎ!!

 

댓글