[Next + React Query로 SNS 서비스 만들기] 섹션 0정리

2024. 7. 21. 09:57·NOTE

Next 13 이후 변경 점

  • 앱라우터가 생김 (이전까지는 페이지 라우터)
  • 디렉토리 구성에 많은 변화가 생김
  • 레이아웃이 생겼다.
  • 미들웨어가 더 업그레이드 되었다. (헤더설정이나, redirect 기능) 미들웨어는 Next12에 도입
  • React18 버전 서버컴포넌트를 지원한다. (서버컴포넌트 이점 - 클라이언트로 전송되는 js파일의 용량을 줄여 초기로딩속도 줄임)
  • 서버컴포넌트가 Next서버에서 돌아가다보니 부담을 줄 수 있어서 캐시기능을 기본적으로 지원
  • 스트리밍 - 로딩상태를 표현하고 렌더링되는대로 UI를 스트리밍한다.
  • Turbopack 포함되어있음
  • next/image 기능 향상
  • @next/font 기능 향상
  • next/link 사용시 a태그를 자식으로 두지 않도록 형태 변경

참고
https://www.inflearn.com/course/next-react-query-sns%EC%84%9C%EB%B9%84%EC%8A%A4/dashboard
https://nextjs.org/blog/next-13

'NOTE' 카테고리의 다른 글

[Next + React Query로 SNS 서비스 만들기] 섹션 2 정리  (0) 2024.08.05
[Next + React Query로 SNS 서비스 만들기] 섹션 1 정리  (0) 2024.07.21
css로 부모선택자 선택하기  (0) 2024.07.04
gitignore에 dist추가해도 tracking 되는 이슈  (0) 2024.06.27
react-hook-form validate with zod  (0) 2023.08.17
'NOTE' 카테고리의 다른 글
  • [Next + React Query로 SNS 서비스 만들기] 섹션 2 정리
  • [Next + React Query로 SNS 서비스 만들기] 섹션 1 정리
  • css로 부모선택자 선택하기
  • gitignore에 dist추가해도 tracking 되는 이슈
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (73)
      • TECH (22)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    커머스프로젝트
    styled-components
    redux
    react state management
    타입스크립트
    reat-head
    웹브라우저구성
    call signatures
    JavaScript
    Array.sort()
    reduxtoolkit
    git배포
    slidesPerGroup
    함수와 메서드차이
    global-style
    theme-provider
    d.ts
    TypeScript
    React
    배열요소순서
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ssund
[Next + React Query로 SNS 서비스 만들기] 섹션 0정리
상단으로

티스토리툴바