Profile image

Kim Songhyun

카카오 프론트엔드 개발자 since 2018. 01.

#geultto

  1. sharp.js로 자동 워터마크 이미지 제작하기

    최근에 카톡에 깃헙 링크를 공유하다가 멋진 오픈그래프를 발견했다. 처음엔 깃헙에 오픈그래프 이미지를 넣을 수 있는 기능이 생긴 건 줄 알았는데 깃헙에서 자동으로 만들어주는 것 같다...

  2. 블로그는 사드세요... 제발

    내가 지금 글을 쓰고 있는 이 블로그는 (몇 번인가 이야기한 적이 있는 것 같긴 한데) Vue를 이용해 바닥부터 올린 사이트이다. 요샌 별로 특이한 방식은 아니지만, 정적으로 페이...

  3. CSS 중앙 정렬의 역사

    가운데 정렬은 어렵다. 근본적인 이유를 파고들면 부모 태그와 자식 태그가 어떤 속성을 가졌냐에 따라 가운데 정렬에 사용되는 속성이 무시되거나 다르게 해석될 여지가 있기 때문이다. ...

  4. 새 맥북 세팅하기 - Homebrew를 중심으로

    우리 회사는 2년 단위로 노트북을 새것으로 교체해준다. 재택근무 중이라 다시 회사로 돌아갔을 때나 교체받을 수 있을 줄 알았는데 회사에서 노트북을 퀵으로 쏴 줬다! 일단 정말 끔찍...

  5. 메이플스토리 강화 효율을 큰 수의 법칙으로 시뮬레이션해보자

    갑자기 생각나서 메이플스토리를 다시 잡은지 대략 5달이 좀 넘게 지났다. 나는 게임은 좀 아쉽게(?) 해야 향상심이 생긴다는 주의라 일부러 현질도 안 하고 경매장 기능도 안 쓰면서...

  6. Node.js로 색깔 있는 콘솔 찍기

    인터넷을 돌아다니다 보면 console.log를 이용해 예술을 하는 사람들을 가끔 만날 수 있다. 쿠팡의 콘솔. 이쪽은 아스키 아트도 추가했다 브라우저 콘솔은 CSS 스타일시트를 ...

  7. husky를 이용한 정적 분석 자동화

    지난 글에서 editorconfig, prettier, eslint를 이용해 코드를 정적 분석하고 일관된 스타일을 적용하는 법에 대해 알아보았다. 분명 이 작업을 통해서 코드의 품...

  8. 내 소스를 어디서나 깔끔하게 - editorconfig, prettier, eslint

    사람은 누구나 실수를 한다. 프로그래머도 사람이므로 마찬가지로 실수를 한다. 실수라고 해봐야 사실 별 볼 일 없는 것들이 대부분이지만 어쨌든 실수는 작게는 프로그래머 한 명을 패닉...

  9. 나만의 웹팩 로더 만들기

    도메인 값이 아까워서 블로그를 활성화시켜야겠다는 연초의 각오가 무색하게 또 블로그를 몇 달 묵혔다. 글감은 계속 쌓이는데 마음 잡고 글 쓸 일이 없던 찰나 지인의 소개로 글또라는 ...