-
Tools 2017‧04‧11
Gulp - 플러그인 설치 및 사용하기
gulpfile.js 를 열고 이제 자동화 설정 셋팅을 해보자. 내가 하려는 자동화 작업은 이렇다. js는 js폴더에 작업한 여러개의 js를 합치고, 코드를 압축한다. scss는 컴파일해서 css로 만들되 역시 코드를 압축해 놓는다. html 파일은 그냥 개발폴더에 추가되거나 수정될 때 배포 폴더에 자동으로 수정된다. localhost로 서버화 시켜서 웹브라우져에서 미리 보면서 작업하고 수정될 때마다 실시간 반영된다. 이미지는 압축과정을 거쳐 배포 […]
-
Tools 2017‧04‧11
Gulp - 시작전 준비하기
어제 Gulp(걸프)란 걸 접하고 구글링을 통해서 습득해보는 도중 적어놔야겠다 생각 들어서 정리를 해보려고 한다. (왼쪽은 Gulp 로고라고 하니 알아두자) Gulp는 처음 접하였고 Grunt도 들어는 보았지만 아직 해보진 않았다. 결론은 셋팅해두면 실무에 작업 하는데 도움이 되는 좋은 '자동 빌드 도구'이다. 본인은 이미 비슷한 도구로 GUI형식의 Prepros를 써왔다. 무료다. 다만 유료로 사용하라고 자꾸 뜨는게 귀찮지만 나름 scss도 […]
-
WP Tip & Tech 2014‧03‧20
gzip compression(압축)을 이용한 워드프레스 사이트 속도 향상 방법
사이트를 최적화 하는 방법 중에 하나가 gzip 압축을 사용하게 되는데 정적인 자원을 압축하여 클라이언트에 빠르게 보여주기 위함이다.몇몇 워드프레스 플러그인 중에 gzip 압축을 지원하는 기능이 있기는 하지만 플러그인을 사용하지 않고 직접 코드를 입력하여 설정하는 방법을 하려고 한다. 1. 내 서버에 FTP로 접속하여 보자. 아마 루트 경로에 .htaccess 파일이 있을 것이다. 만약 없다면 만들거나 FTP 속성 중에 '숨김 […]
-
Server 2012‧06‧29
tar 압축 (파일 묶기) 명령어
사용법은 아래와 같다. tar 옵션값 폴더(or 파일명) ex) imagesfolder 폴더 안의 내용을 묶어서 backup.tar 로 만든다. tar cvf backup.tar imagesfolder 위 처럼 예시를 작성하게 되는 것이다. 여기서 cvf라는 옵션이 붙는데 옵션을 설명하자면 아래와 같다. -c : tar 파일을 생성.(꼭붙어야함) -v : tar 명령어를 실행하면 수행되는 화면이 보여진다는 옵션. -f : 파일의 이름을 지정해 주는 옵션이다. -p […]