fast refresh, code splitting

2023. 1. 31.·🎨 프론트엔드 공부/React & Next

📍Fast Refresh 란?

- Next.js 개발서버에서 파일을 변경하면 브라우저에 바로 업데이트

- 새로고침이 필요 없이 변경하는 즉시 적용된다

 

📍Code Splitting

- Next.js는 자동으로 코드 스플리팅을 수행

- 따라서 각 페이지는 해당 페이지에 필요한 것만 로드

- 수많은 페이지를 가진 앱이라도 첫 페이지를 빠르게 로드하는 장점이 있음

'🎨 프론트엔드 공부/React & Next' 카테고리의 다른 글
  • Next.js - Assets, Metadata, CSS
  • create-next-app으로 시작하기, 라우팅
  • Next.js 을 사용하는 이유
  • React에서 로컬 캐싱 직접 구현하기
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (525) N
      • 🎨 프론트엔드 공부 (247)
        • JS & TS (93)
        • HTML & CSS (24)
        • React & Next (51)
        • Vue & Nuxt (22)
        • 기타 (57)
      • 🤓 기술 학습 & 공부 기록 (117) N
        • Node.js (0)
        • Python (37)
        • 백엔드 (1) N
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (16)
        • Work (0)
        • Toy (16)
      • ⚙️ 개발 팁 & 노하우 (24)
        • 프론트엔드 (6)
        • 기타 (18)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 책꽂이 (1)
      • 🚧 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • 태그

    nuxt
    웹접근성
    브루트포스
    SQL
    typescript
    컴퓨터구조
    DP
    Python
    백트래킹
    좋은코드나쁜코드
    DFS
    AWS
    BFS
    GATSBY
    javascript
    컴포넌트
    cssbattle
    자료구조
    프로그래머의뇌
    머신러닝
    PostgreSQL
    react
    객체지향의사실과오해
    그리디
    Vue.js
    태블로
    프로그래머스
    react-query
    타이탄의도구들
    nextjs
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
지식물원
fast refresh, code splitting
상단으로

티스토리툴바