주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

이전 포스팅 바로가기 이전에 포스팅에서 minify, merge를 진행해봤었는데요, 이번엔 자동화를 시켜보겠습니다. gulp 실행후 minify, merge가 끝나고나서, 다시 원본파일을 수정하면 cmd에 gulp를 입력해서 실행해야하기때문에, 이 번거로움을 없애고자 자동화를 시켜보도록하겠습니다. 자동화는 gulp의 메소드 watch를 이용해서 실행합니다. watch는 gulp의 메서드로 제공되고 있으며 내가 지정한 파일을 지켜보고 있다가 그 파일에 변화가 생기면 자동으로 설정된 행동을 진행해줍니다. 지난 코드에서 이어서 진행하겠습니다. gulpfile.js const gulp = require('gulp'); const concat = require('gulp-concat'); const uglify ..

*가 적혀있는 단어에 대한 뜻은 최하단에 있습니다. TypeScript를 공부해볼까하면서 찾아본 튜토리얼 사이트에서 gulp를 마주했습니다. https://typescript-kr.github.io/pages/tutorials/Gulp.html 그리고 튜토리얼 따라하는도중 에러가 뜨게되었는데, gulp에 대한 지식이 1도 없었기 때문에 찾고 공부한 내용을 작성해둡니다. 에러사항 AssertionError [ERR_ASSERTION]: Task function must be specified 검색하면 첫번째로 나오는 감사한 블로그에서 정보를 얻었습니다. gulp의 버전이 4가 되면서 작성 규칙이 조금 바뀌었다고 합니다. https://forgiveall.tistory.com/521 task룰에 series..

gulp 이해를 돕는데 가장 많이 도움을 받은 블로그입니다. 단계씩 작성해주신 글만 따라가도 잘 할 수 있습니다. 다만, 예제를 따라하면서 자세하지 않았거나 몰랐던 부분 같은 것을 기억하기 위해 글을 씁니다. (도움을 받은 블로그에서는 약간의 지식이 깔려있어야한 듯 싶습니다.) https://valuefactory.tistory.com/314 = https://programmingsummaries.tistory.com/393 gulp란? gulp시작하기 gulp 시작하기 gulp.js을 시작하기 위해 필요한 가장 기본적인 사용 방법들을 정리했습니다. gulp 개념 gulp 는 node.js 기반의 task runner 입니다. 반복적인 귀찮은 작업들이나 프론트엔드 빌드에 필요한 작업들.. valuefac..

자바스크립트는 세계에서 가장 인기있는 언어 중 하나로 자리 잡고 있다. 다소 장난감같은 태생때문에 개발자들이 디자인패턴을 무시하는 경향이 있다. 디자인 패턴은 신뢰성 있는 솔루션을 제안할 수 있는 훌륭한 도구다. - 자바스크립트 디자인패턴 중, 들어가며 책 펴자마자 나오는 글인데, 진짜 뜨끔했다. 나도 몇년 전, 아니 몇일 전까지만 해도 아직까지 나는 디자인패턴 뭐 ㅎ 라고 생각했기 때문일까. 물론 ㅋㅋㅋㅋㅋㅋㅋㅋ 말도 안되는 자기위로였지만. 좀 제대로 알아야할 것 같아서 기초 서적 찾던 중에 하코사에서 누군가가 책을 추천하길래, 언능 도서관가서 대여해왔다. 1부에서는 전통적인 디자인 패턴을 다룬다고 하고 2부에서는 책에서 다루지 않은 패턴 그리고 자바스크립트에 특화된 패턴을 다룬다고 한다. 내가 읽고 ..