#js
sharp.js로 자동 워터마크 이미지 제작하기
최근에 카톡에 깃헙 링크를 공유하다가 멋진 오픈그래프를 발견했다. 처음엔 깃헙에 오픈그래프 이미지를 넣을 수 있는 기능이 생긴 건 줄 알았는데 깃헙에서 자동으로 만들어주는 것 같다...
블로그는 사드세요... 제발
내가 지금 글을 쓰고 있는 이 블로그는 (몇 번인가 이야기한 적이 있는 것 같긴 한데) Vue를 이용해 바닥부터 올린 사이트이다. 요샌 별로 특이한 방식은 아니지만, 정적으로 페이...
Node.js로 색깔 있는 콘솔 찍기
인터넷을 돌아다니다 보면 console.log를 이용해 예술을 하는 사람들을 가끔 만날 수 있다. 쿠팡의 콘솔. 이쪽은 아스키 아트도 추가했다 브라우저 콘솔은 CSS 스타일시트를 ...
내 소스를 어디서나 깔끔하게 - editorconfig, prettier, eslint
사람은 누구나 실수를 한다. 프로그래머도 사람이므로 마찬가지로 실수를 한다. 실수라고 해봐야 사실 별 볼 일 없는 것들이 대부분이지만 어쨌든 실수는 작게는 프로그래머 한 명을 패닉...
나만의 웹팩 로더 만들기
도메인 값이 아까워서 블로그를 활성화시켜야겠다는 연초의 각오가 무색하게 또 블로그를 몇 달 묵혔다. 글감은 계속 쌓이는데 마음 잡고 글 쓸 일이 없던 찰나 지인의 소개로 글또라는 ...
highlight.js에 줄 번호를 넣어 보자
개발 블로그에 코드 블럭은 필수다. 열 줄의 설명보다 한 줄의 코드가 나을 때가 있다. 괜히 개발자는 코드로 말한다는 말이 있는 것이 아니다. 덜렁 pre 태그 안에 코드를 넣어 ...
jest와 mock-fs로 fs 유닛 테스트하기
파일시스템 유닛 테스트는 까다롭다. DB/API 테스트와 마찬가지로, 원래라면 건드리면 안 되는 외부 시스템에 영향을 주기 때문이다. 보통 DB 테스트는 자신의 로컬 머신을 이용하...