SSE(Server-Sent Events)란 무엇이고, 언제 사용하는 게 좋을까?

테스트 하고 가세요 🙃

Supabase 도입기: Prisma랑 연결해서 써보니..

메모이제이션이 통하지 않을 때, 가상화가 답이었다

초기 진입이 느렸던 원인, 알고 보니 무거운 PNG 이미지! WebP 전환과 크기 지정으로 LCP 개선 성공

초보 개발자의 상태관리 시행착오 + 적용 후기

React 19로 가는 길목에서 JSX 네임스페이스가 사라졌다는 걸 기억하자.

Next.js 15 에러 해결 로그

불필요한 데이터 줄이고, 필요한 것만 콕 집어

지연 로딩 몇 줄로 1초 단축했다. 이거 완전 효자 기능임

Lighthouse로 성능 측정하고, 병목 잡는 실전 리팩토링 기록

Next.js + TypeScript + Prisma 조합으로 사이드 프로젝트를 시작하며, DB 연동을 위한 첫 설정 과정을 정리했습니다.

이 오류는 서버에서 렌더링한 HTML와 클라이언트가 그린 HTML이 달라졌을 때 발생한다.

배포 후에도 데이터가 안 바뀐다면, 캐시를 의심하세요.

Next.js가 알아서 캐싱하고 있었기 때문

파일명 하나 잘못 썼다가 405 오류? 라우트 핸들러의 진짜 규칙 정리!

서버 컴포넌트로 SEO 살리고, 클라이언트는 최소화하자!

Next.js에서는 페이지나 컴포넌트가 데이터를 비동기로 불러올 때, 사용자에게 로딩 상태를 보여줄 수 있도록 로딩 페이지를 제공한다. loading.js(loading.tsx)을 사용하면, 로딩 UI를 지정할 수 있다.app/폴더에서 사용하는 방식해당 폴더 내 pag

Next.js에서 기본<img>태그 대신Image컴포넌트 를 사용하면,자동 최적화, 지연 로딩, 다양한 디바이스 대응 등 더 최적화된 방법으로 이미지 렌더링이 가능하다.이유는 ? 특별한 내장 최적화 기능을 제공하는 이미지 요소이기 때문!작동을 잘 됨. 하지만,자동

Next.js는 파일 기반 라우팅을 제공하기 때문에, 특정 URL로 이동하고 싶다면 해당 경로의 폴더와 page.js(page.tsx)파일만 만들면 된다./about으로 라우팅한다고 가정해보자.1\. app/about/ 폴더를 만든다.2\. app/about/page.