# pre-rendering
Next.js의 대표적인 기능
pre-rendering next.js에서 기본적으로 모든 페이지를 프리 렌더링 함. 클라이언트 사이드에서 모든 작업을 수행하는 대신 미리 각 페이지에 대해서 HTML 파일을 미리 만들어서 성능과 SEO 측면에서 도움을 줌. 최소한의 자바스크립트 코드를 사용해 HTML 화면을 미리 생성하고 자바스크립트가 로드되면 그때 컴포넌트와 앱 화면이 완전히 활성화 되...

pre-rendering 체크리스트: CSR SSR SSG ISR
페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다

27일) 언제까지 Input type="text"쓸꺼야! 예쁜 웹에디터를 쓰자 ! /react-quill/ dynamic import/ XSS 크로스사이드스크립트 / 제가 개발자인데도 무서워요 잘 막아볼게요 OWASP TOP 10 / Code Camp FE 6기 / 코드캠프
웹에디터 이해크로스사이드스크립트(XSS)OWASP TOP 10
pre-rendering
미리 화면을 그릴지 vs 모두 다 준비되었을 때 그릴지기본적으로 Pre-rendering 방식을 제공하는 Next.js는 우선 HTML 파일을 통해 정적인 화면을 먼저 보여준다.이후 JS 파일을 로드해와서 화면에서의 클릭 등의 이벤트 처리가 이뤄질 수 있는 반응하는 화
NextJS 공식 문서 정리 (12버전 기준)
공식 문서: Next.js by Vercel - The React FrameworkLearn | Next.js렌더링: 리액트에서 작성한 코드를 HTML 로 변환하는 것SSR 과 정적 사이트는 Pre-Rendering 이라고도 부른다.외부 데이터를 fetch해서 리액트의
[Web template] Next.js 정적 생성(Static Generation)_ getStaticProps, getStaticPaths(6)
정적 생성(Static Generation)_ getStaticProps, getStaticPaths pre-rendering(사전 렌더링) Next.js는 1) 모든 페이지를 pre-render(사전 렌더) 한다 클라이언트에서 모든 작업
Advanced Course 주특기 5강 - React
React.memo, meta tag, pre-rendering, seo, 개선작업, 배포, 사이트 성능 지표
.png)
TIL 93 | Next.js의 Pre-rendering과 Data Fetch 방법
Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.