Unsplash로 만드는 E-Commerce

CSR과 SSR의 차이를 알아보기 전에 MPA와 SPA에 대해 알아보자.한 개의 페이지로 구성된 어플리케이션이다.최초 한 번 페이지를 전체 로드하고, 특정 부분만 데이터를 바인딩해서 렌더링한다.여러 개의 페이지로 구성된 어플리케이션이다.인터렉션이 발생했을 때 서버로부터

SW마에스트로에서 리액트 심화 스터디를 열게 됐다. 리액트에 대한 공부를 심도있게 하고 싶은 사람들을 모아서 함께 공부와 코드리뷰, 네트워킹을 진행하기로 했다. 첫 번째 프로젝트로는 쇼핑몰 만들기를 진행한다.Unsplash API를 요청해서 그리드로 상품 목록을 표시한

Next.js는 기본적으로 모든 페이지를 pre-rendering 한다. Next.js는 모든 페이지의 HTML를 미리 생성한다.생성된 각각의 HTML은 해당 페이지에 필요한 최소한의 자바스크립트 코드와 연결된다. 페이지가 브라우저에 의해서 로드 된 뒤, 자바스크립트