메모리 RAM 사용률 증가 ≠ 메모리 누수

메모리 RAM 사용률 증가 ≠ 메모리 누수

Node.js의 메모리 사용률이 치솟는 것이 무조건 메모리 누수인지 알아보기 위해 V8의 GC가 어떻게 복잡하게 동작하는지 살펴보고, 추가로 Node.js 22에서의 변경이 어플리케이션에 어떤 영향을 미치는지 알아보는 글입니다.

오류 처리 아이디어들

try...catch방식의 단점을 알아보고, 다른 언어의 아이디어를 차용해서 구현을 해보고, 어떤 장단점이 있는지 살펴보는 글입니다. try...catch문제의 해결책을 제공해주진 않지만, 다른 언어의 아이디어를 보고, 관점을 넓힐 수 있는 글입니다.

CSS 후처리기가 주목받는 이유

간단하게 CSS 전처리기와 CSS 후처리기의 개념을 알아보고, CSS 후처리기가 현재 주목받는 이유를 설명합니다.

요청은 인프라를 타고

Vercel 인프라에서는 사용자의 요청을 어떻게 인식해서 정확한 배포 버전을 가리키게 하고, 배포 방식을 어떻게 제공하는지를 소개하는 글입니다.

성능 개선을 위해 알아야 할 것.

성능을 아무리 빠르게 해도 비지니스 지표로 이어지지 않으면 의미가 없습니다. 이 글에서는 이를 설명하는 지표인 performance plateau를 알아보고, 왜 이 지표가 중요한지 소개하는 글입니다.

이 글에서는 여러 사이트에서 성능 개선을 어떻게 이루었는지 소개합니다. 모든 어플리케이션은 저마다의 요구사항을 가지고 있으므로, 어느 부분의 성능을 개선해야 하는지와 해결 방법 모두 다릅니다. 그렇기에 이 글에서 제시하는 성능 개선 예시와, 접근하는 방식은 성능 개선시에 되새길만 합니다.

Next.js에서의 성능 개선 가이드를 나열해놓은 글이지만, 성능 개선 키워드는 Next.js 외에서도 적용되므로, 성능 개선을 위해 키워드는 알아두는 것이 좋습니다. 비슷하게 web.dev의 성능 배워보기 섹션도 보면 좋습니다.

백엔드와 프론트엔드 컴포넌트로 분리하기

서버 컴포넌트와 클라이언트 컴포넌트를 백엔드 기능을 하는 컴포넌트, 프론트엔드 기능을 하는 컴포넌트로 만들어 컴포넌트에 데이터를 전달하는 방법이나 합성(composition)을 쉽게 할 수 있다는 것을 예제와 함께 소개하는 글입니다.

자연스러운 애니메이션, 복제 없이.

사람들이 무한으로 연결되는 캐러셸이나 비슷한 무한으로 연결되는 애니메이션을 만들 때 DOM을 생성하는 트릭을 사용합니다. 이 글에서는 CSS 속성과 약간의 JS를 사용해서 DOM을 무한히 생성하는 트릭 없이 만드는 방법을 소개합니다.

2025년, 정적 사이트 생성기는.

React 기반 정적 사이트 생성기 라이브러리/프레임워크들을 살펴보고, 장단점과 어디에 사용하면 좋은지 살펴보는 글입니다.

새로운 소식들

React Compiler가 RC버전으로 올라왔다는 소식입니다. 여러 지원과 로드맵을 소개하고 있습니다.

공식적으로 <ViewTransition>과 Offscreen API를 지원하는 <Activity>, 그리고 여러 편의 기능을 experimental 기능으로 추가했고, 소개하는 글입니다.

React Native에서 JS만으로 FlashList보다 좋은 성능을 낸다고 하는 리스트 라이브러리입니다. 아직 신생 라이브러리라 모든 경우를 지원하는지 살펴봐야겠네요.

번외: 기술 선택은 신중히.

빅테크에서 특정 문제를 해결하기 위해 만든 최신 유행 기술을 선택하는 대신에, 기술의 장단점을 글쓴이가 만든 방법론을 통해 비판적으로 바라봐서 최적의 도구를 선택하기를 권장하는 글입니다.

글은 어그로성이 짙기도 하고, 약간의 편향성이 포함되어있지만, Serverless function이 사용성이 일반적으로 홍보되어있는 것보다 좋은 사용 사례가 적고, 이 글또한 (물론 container를 사용하라고 하고있기는 하지만) 정말 Serverless function이 필요한지 단점을 나열하고 비판적으로 선택하기를 바라고 있습니다. Vercel이 Serverless 방식을 포기한 것처럼요(Edge 런타임의 시대가 아직 오지 않았다).