Front-End34 Next 13 에서의 Data fetching https://velog.io/@xmun74/Data-Fetching-getStaticProps-getStaticPaths-getServerSideProps Next.js 13 버전 - Data Fetching SSG: Static-Site Generation 정적사이트 생성빌드 시 html 생성해두고 요청이 오면 생성해둔 html 재사용SSR: Server-Side Rendering 서버사이드 렌더링SEO 성능 향상시키고 요청마다 데이터를 최신상태로 업데이 velog.io 이전 글에서도 간략히 언급했지만, Next 13에서는 fetch API 를 활용할 수 있게 되면서 getServersideProps 등의 SSR, SSG 옵션이 fetch 의 cache option 으로 변경되었다. 이전버전과 자세하.. 2023. 10. 19. Next 13에서 변경된 사항들 https://abangpa1ace.tistory.com/entry/Nextjs-Nextjs-13-%EB%B3%80%EA%B2%BD%EC%82%AC%ED%95%AD [Next.js] Next.js 13 변경사항 🤍 Next.js 13 Next.js 12버전도 2021년 중순 업데이트 된 것으로 기억하는데, Next.js 13이 2022년 10월에 컨퍼런스에서 다시 발표됬다. 체감상 가장 큰 변화를 느낄 것 같은 버전 체인지이다. (디렉토리 구 abangpa1ace.tistory.com 특히 opengraphy vercel/og 가 매우 인상깊고, SSR 을 기본으로 하면서 getServersideProps 등이 cache 로 바뀐 점도 인상깊다. 위 블로그에서 변경사항 요약을 간단히 기재하면, 8. 주요.. 2023. 10. 13. React Portal https://ko.legacy.reactjs.org/docs/portals.html Portals – React A JavaScript library for building user interfaces ko.legacy.reactjs.org React Portal 은 부모 컴포넌트의 DOM 계층 바깥에서 DOM 노드를 렌더링하는 방법이다. 위와 같이 메인 app 의 영역 바깥에 modal 을 표현할 수 있는 를 생성할 때 쓰이는데, 이는 부모의 z-index 값이 작은 경우(예를 들어 1), 자식 컴포넌트의 z-index 가 커도 화면 상단으로 표시되지 않을 때 app-root 바깥에 modal-root 를 둠으로써 해결할 수 있다. React.createPortal 로 만들어진 요소는 app-root.. 2023. 10. 6. Next Module Alias @ https://nextjs.org/docs/app/building-your-application/configuring/absolute-imports-and-module-aliases#module-aliases Configuring: Absolute Imports and Module Path Aliases | Next.js Using App Router Features available in /app nextjs.org 절대경로와 상대경로는 다 알지만 Next 에서 Base URL 의 경우 "@/assets" 와 같이 @로 표시해서 사용할 수 있다. 2023. 9. 22. 이전 1 2 3 4 5 6 7 8 9 다음