DORY

프론트 성능 개선 프로젝트를 하면서 배운점

내가 다니고 있는 회사는 커머스 쇼핑몰 사이트이다보니, 폰트나 이미지 리소스가 많고, 많은 API를 호출하고 있어서 웹페이지 로드에 리소스 요청이 사이트의 성능에 많은 영향을 끼치고 있다. 그러면서 요청받았던 프론트 성능 개선 프로젝트를 진행하면서 주로 이미지와 폰트...

25 Sep 2019

skipWhile, switchMap 이해하기

RxJS의 operator 중 filtering 역할을 하는 skipWhile 과 transformation 역할을 하는 switchMap 두 가지를 써본 사례를 공유해보려한다. 문제 비동기로 통신하는 두 개의 API가 있다고 할 때, 먼저 하나의 API의 요청이 끝나면 그 응답결과를 받아서 다른...

04 Apr 2019

Semver: Semantic Versioning [Major].[Minor].[Patch] major: incompatible change minor: add functionality, backwards-compatible patch: bug fixes. backwards-compatible tilde ~ flexible patch example ~1.2.3 : 1.2.3-0 <= x < 1.3.0-0 ~0.4.0 : 0.4.0-0 <= x < 0.5.0-0 caret...

16 Feb 2019

타입스크립트에서 Nullable 타입을 쓰는 법

타입스크립트로 작성된 코드를 보다가 data!.list이렇게 쓰여있는 코드를 발견하고 찾아보았는데 타입스크립트에 느낌표 operator가 있다는 것을 알게되었다. https://www.typescriptlang.org/docs/handbook/advanced-types.html#nullable-types Nullable 타입(null 이나 undefined)은 string 이나 number 같은 다른 타입으로 선언되어 있는 값에 서브타입으로 쓰여질 수 있다. 그러면서 런타임...

14 Jan 2019

CSS 속성 정렬 방법

대충 생각했던 내용을 뉴스레터에서 마침 누가 정리한 글을 보았다. https://pyx.space/post/keys-to-maintainable-css-order .button { position: relative; z-index: 99900001; display: inline-flex; margin: 1rem 0; padding: 0 0.5rem; background: #3f55aa; border-radius: 0.5rem; border: 1px solid white; color: white; transition:...

25 Oct 2018

프론트 성능 개선 프로젝트를 하면서 배운점

skipWhile, switchMap 이해하기

Semver

타입스크립트에서 Nullable 타입을 쓰는 법

CSS 속성 정렬 방법

Google Analytics

Why Node.js?

Migrate Mongodb to PostgreSQL