next.js (2) 썸네일형 리스트형 Next.js - 페이지 자동 생성하기 - Dynamic Routes (동적 경로) 지금까지 첫페이지에 블로그 제목 리스트가 나오도록 작성했지만, 각 페이지들을 만들지는 않았었어! 페이지들의 URL을 만들고, 요기 접속하면, 각각의 페이지가 나오는 실습을 할꺼야! 한마디로, Dynamic Routes(동적 경로) 기능을 사용 한다는 말씀! 데이터를 이용해 페이지 Path 만들기 이전 튜토리얼에서 페이지 컨텐츠가 외부 데이터에 의존 하는 걸 다뤘어! 'getStaticProps' 함수를 사용해서 첫 페이지에 데이터를 가져왔었지. 이번에는 첫페이지가 아니라 각 페이지 path별로 데이터를 가져오려고 해! Next.js가 외부 데이터를 기반으로 페이지들을 고정적으로 만들수 있다는 건 이전 Pre-Rendering 강좌에서 봤고, 요 기능 덕분에 Next.js가 동적(Dynamic)으로 URL.. 리액트(React)로 서버까지 구현하는 Next.js 소개 (버전9 기준) 이제 웹팩 바벨설정은 그만!리액트를 하다보면, 웹팩과, 바벨등 부가적인 여러 설정때문에 결국 개발보다 설정하느라 시간 보내지 않아?이를 해결해주는 리액트용 프레임웤이 있지!바로 Next.js! 요게 벌서 9버전까지 나와있다구!많은 기능들이 있지만 한마디로 정리하자면, "만들고 싶은 사이트를 가장 빠르게 만들어주는 프레임웤"이야. 1. 페이지 별로 URL을!URL에 따라 또 서버에 링크 만들어 주어야 하기도 하고, URL을 어떤 규칙으로 할지 고민고민하지마! Next.js는 그냥 페이지별로 URL 정리해줍니다. 그래서 Framework!! 나만 따라와!2020/05/30 - [React] - Next.js - 페이지 자동 생성하기 - Dynamic Routes (동적 경로)Next.js - 페이지 자동 생.. 이전 1 다음
