dev.daisy

  • 홈
  • 태그
  • 방명록

2025/10/13 1

[Next.js] 성능 최적화를 위한 데이터 캐싱하기

Next.js를 사용해 첫 프로젝트를 진행하면서 가장 깊게 고민했던 부분 중 하나가 '어떤 페이지에 어떤 데이터 캐싱 전략을 적용해야 할까?'였습니다. 단순히 빠른 로딩 속도 뿐만 아니라 UX와 서버 리소스에도 직접적으로 연결되는 중요한 문제였기에 Request Memoization, Data Cache, Full Route Cache와 같은 Next.js의 핵심적인 캐싱 방법을 사용하기 위한 나만의 기준을 잡아야겠다는 생각이 들어 찾아보았습니다.이 글에서 주요 캐싱 전략의 개념, 사용 방법과 실제 프로젝트에서 적용한 예시를 함께 담아보았습니다. 공부한 내용을 기반으로 앞으로는 각 페이지의 특성과 데이터의 변화 주기에 맞춰 캐싱 전략을 설정하고, 앞으로도 사용자에게 더 빠르고 부드러운 UX를 제공하면서 ..

👩🏻‍💻 Develop/Performance Optimization 2025.10.13
이전
1
다음
더보기
프로필사진

dev.daisy

주니어 프론트엔드 개발자입니다 :) github @dani1552

  • 분류 전체보기
    • 👩🏻‍💻 Develop
      • Performance Optimization
      • TroubleShooting
      • Test
      • Document
    • 📚 CS
      • JavaScript
      • React
      • Basic
      • Algorithm
    • 🏃🏻 Others
      • Conference
      • Interview (🔒)
      • Information (🔒)

Tag

useRef, Hooks, JavaScript, V8, refresh token, Cors, memoization, OSI, nginx, REACT, SSR, SSE, https, rerendering, V-Dom, scope, Next.js, test code, FEConf, udp,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바