Recent Posts

[UX] 모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실

35 minute read

수잔 웨인쉔크의 모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실이라는 책을 최근 읽었습니다. 표면적으로 사용자 중심 디자인 방법론, 사용자 경험 방법론에 대해 이야기하는 사람들은 많지만 제품이나 서비스를 사용하면서 ‘왜 사람들은 이런 행태를 보일까?’에 대한 해답을...

Styled Component Syntax 이해하기

2 minute read

SSG.COM 모바일 UI 컴포넌트를 emotion.js 라이브러리를 사용하여 스타일링하고 있습니다. 스타일드 컴포넌트를 작성하는 몇 개월동안, 저는 Tagged Template Literals syntax에 대한 이해가 없었습니다. 이 포스팅은 저처럼 “이게 되는건 알겠는데, 어...

자바스크립트 패키지 전체를 import하지 않는 방법

1 minute read

웹팩 빌드 환경에서 개발할 때 외부 패키지를 import할 일이 많습니다. 그런데 import하는 방식에 따라 빌드되는 번들 파일 사이즈가 다를 수 있습니다. 관련하여 테스트한 내용을 미디엄에서 일부 발췌해 정리합니다.

기본 CLI 명령어

less than 1 minute read

CLI는 Command Line Interface의 약자입니다. 기본적으로 알아야할 CLI 명령어를 정리했습니다.

webpack 기본 이해하기

5 minute read

webpack은 서로 연관 관계가 있는 웹 자원들을 js, css, img와 같은 스태틱한 자원으로 변환해주는 모듈 번들러입니다. 자원들을 최적화해서 압축 등 웹페이지의 성능을 끌어올려줍니다.