Next.js 이미지 최적화

Next.js에서는 기본적으로 `<Image>` 컴포넌트를 제공해준다.이 이미지 컴포넌트는 이미지를 자동으로 최적화시켜준다. 1.최신 이미지 형식을 사용, 각 디바이스에 대응한 크기의 이미지 2.layout shift 방지 3.lazy loading

2024-03-03

Reflow/Repaint 알아보기

최근에 Reflow와 Repaint에 대해서 알게 되었는데, 이 두가지가 웹 성능에 영향을 미치는지 알게 되었다. 웹 개발자로써 Reflow와 Repaint에 대한 지식을 내 것으로 만들기 위해 이 포스팅을 작성하게 되었다.

2023-11-11