dlwl98 • web developer

Dom 레퍼런스와 detached dom, 그리고 브라우저 메모리작성중

왜 우리 서비스는 메모리를 많이 먹고 있었을까

RSocket과 Reconnection 대응기

재연결 전략의 핵심 개념인 ReliableRequest와 Operation

RSocket 개념

Application protocol providing Reactive Streams semantics

RxJS와 리액티브 프로그래밍 (2)작성중

RxJS와 리액티브 프로그래밍

RxJS를 활용한 복잡한 비동기 로직 개선기

사이드 패널 UI/UX 개선기

스택 형태의 패널로 개선, 그리고 Proxy를 활용한 참조되는 프로퍼티 추적으로 성능 최적화

cloneNode API 를 활용한 성능개선기

타임라인에서 페이지를 렌더링할 때 N개의 PageRenderer가 각각 마운트되어 발생하는 성능 문제를 개선

Web Worker로 오디오 파형 렌더링 성능 최적화하기

타임라인뷰에서 오디오 파형을 렌더링할 때 발생하는 성능 문제를 Web Worker를 활용해 개선했다

디자인 시스템에 관하여작성중

디자인 시스템을 유지/보수 하면서 느낀점

React Context API 를 활용해 GA 시스템 개선하기

전역 배열 관리의 지옥에서 Context 기반 격리 시스템으로

브라우저 resize 성능 개선 작업

브라우저 창 크기 변경 시 버벅거리는 현상 해결하기

블로그 프로젝트에서 Next.js middleware 활용하기작성중

Next.js middleware.ts 파일를 활용해 인증로직을 한번에 관리하는 방법

Next.js 14에서 StyleX를 써보았다

Next.js 14에서 StyleX를 사용하게 되면 babel 컴파일러가 강제됩니다. 그에 따른 여러가지 이슈를 정리했습니다.

[8장] 타입스크립트로 마이그레이션하기

이펙티브 타입스크립트 8장을 정리한 내용입니다.

[7장] 코드를 작성하고 실행하기

이펙티브 타입스크립트 7장을 정리한 내용입니다.

[6장] 타입 선언과 @types

이펙티브 타입스크립트 6장을 정리한 내용입니다.

[5장] any 다루기

이펙티브 타입스크립트 5장을 정리한 내용입니다.

[4장] 타입 설계

이펙티브 타입스크립트 4장을 정리한 내용입니다.

[3장] 타입 추론

이펙티브 타입스크립트 3장을 정리한 내용입니다.

[2장] 타입스크립트의 타입 시스템 (2 / 2)

이펙티브 타입스크립트 2장의 아이템 12 - 18을 정리한 내용입니다.

[2장] 타입스크립트의 타입 시스템 (1 / 2)

이펙티브 타입스크립트 2장의 아이템 1 - 11을 정리한 내용입니다.

[1장] 타입스크립트 알아보기

이펙티브 타입스크립트 1장을 정리한 내용입니다.