New NEXT.JS 톺아보기

books/1/1 와 같은 중첩된 파라미터의 경우 ...id 형식으로 폴더 생성주의: books 경로와 같이 파라미터가 존재하지 않는 경우는 404 페이지 반환해결법: 옵셔널 캐치 올 세그먼트로 \[...id] 형식으로 폴더 생성Layout 의 경우 아래 이미지와 같이

필요한 컴포넌트에서 필요한 데이터를 불러오자중복 요청을 보내도 Request Memoization 으로 인해 한 번의 요청만 간다fetch 를 통한 API 요청 시 아래 이미지와 같이 동작한다no-store: 캐시 저장xforce-cache: 캐시 저장next:{rev

Streaming 이란 강물, 하천을 의미하는 단어로 큰 데이터를 잘게 쪼개어 흐르듯이 보내주는걸 뜻함영상뿐만 아닌 웹 서비스에서도 사용할 수 있게 Next.js 에서 스트리밍 기능을 제공이전에는 페이지를 불러오는 과정에서 데이터 통신과 같은 시간이 다소 걸리는 작업이

서버에서만 실행되는 비동기 함수를 브라우저가 직접 호출조금 더 간결하고 편리하게 서버측 동작을 정의하는데 적합브라우저에서 폼을 제출하면 서버 액션을 요청(요청 주소: 현재 브라우저 주소)하는 request 가 서버로 날라감서버 액션은 컴파일 결과 특정한 해시값을 갖는

Parallel Route 병렬 라우트 하나의 화면안에 여러개의 페이지를 병렬로 함께 렌더링 @sidebar 와 같이 @ 붙은 형식을 Slot 이라 부름 병렬로 렌더링 될 페이지 컴포넌트를 보관하는 폴더 여기서 선언된 page.tsx 는 부모 layout.tsx 의

webp, AVIF 등의 차세대 형식으로 변환디바이스 사이즈에 맞는 이미지 불러오기레이지 로딩 적용블러 이미지 활용기타등등..이러한 작업을 Nextjs 에서는 Image 컴포넌트로 쉽게 구현 가능외부 서버에 보관된 이미지 사용하는 방식이라면 보안때문에 차단된 상태위 방