독일개발자초록이

CSR, SSR 그리고 SSG는 무엇인가? 안녕하세요. 오늘은 CSR, SSR 그리고 SSG에 관해서 알아보도록 하겠습니다. 개발을 하다 보면 필연적으로 CSR, SSR 그리고 SSG에 관해서 들어보게 될 것입니다. 오늘은 이에 관한 내용을 짧고 쉽게 알아보도록 하겠습니다. CSR이란? SSR이란? SSG이란? 마무리. CSR이란? CSR은 Client Side Rendering의 줄임말입니다. 이는 클라이언트 즉 사용자 더 쉽게 말하자면 사용자가 사용하는 브라우저에서 모든 일들이 이루어진다는 것입니다. 지금까지 홈페이지에 접속할 때 사용되는 가장 보편적이고 잘 알려진 방법으로써 클라이언트는 서버로부터 필요한 모든 자바스크립트 파일을 다운로드하게 됩니다. 이때 로직에 필요한 파일들뿐만 아니라 프레임워크 ..

Next.JS 데이터 패칭 getStaticProps. 오늘은 데이터패칭 data fetching에 사용되는 여러 방법 중 하나인 getStaticProps를 알아보겠습니다. getStaticProps란? 사용방법. 마치며. 1. getStaticProps란? Next.JS는 React.JS의 Framework입니다. 하지만 왜 이러한 getStaticProps라는 기능이 필요할까요? 잠깐 짧게 알아보겠습니다. 먼저 Next.JS에서는 대략 3 혹은 4가지의 data fetching이 있습니다. getStaticProps, getStaticPaths, getServerSideProps 그리고 Client Side. 왜 이러한 여러가지 방법이 존재하는 것일까요? 이는 Next.JS가 기본 SSR 즉 Ser..