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

*가 적혀있는 단어에 대한 뜻은 최하단에 있습니다. 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부에서는 책에서 다루지 않은 패턴 그리고 자바스크립트에 특화된 패턴을 다룬다고 한다. 내가 읽고 ..

CSS를 이용해 객체 가운데 위치하기! 객체를 가운데에 두는 방법에는 여러 개가 있다. calc를 기억해두려는 목적으로 글을 쓰기 시작했는데, 내가 작업하면서 써봤던 방법을 작성해두려고 한다. (flex-box는 논외) 조건은 부모 객체의 가운데에 위치시키기다. HTML CSS.wrapper{ position:relative; width:400px; height:400px; background-color:#cacaca;}.popup{ position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; width:150px; height:150px; background-color:pink;} 이런 식으로 영역의 50%를 top, left 내..