본문 바로가기

Next.js9

(18)
첫번째 Next.js 앱 만들기 자 오늘 첫번째 Next.js앱을 만들꺼야. 먼저 환경설정부터 해야겠지? 환경설정 Node.js설치는 필수 노드 홈페이지에 가서 설치해 https://nodejs.org/ 버전은 10.13 이후 버전이면 돼! 자 시작 해볼까? 일단 마음에 드는 디렉토리를 하나 만들고, cd 명령로 그 디렉토리에 들어가서 아래 명령어를 쳐봐바. npm init next-app nextjs-blog --example "https://github.com/zeit/next-learn-starter/tree/master/learn-starter" 내부적으로는 create-next-app이라고 자동으로 프로젝트 설정해주는 명령어를 사용해 이것에 대해서는 나중에 자세히 다를께. 아마 nextjs-blog라는 디렉토리가 생겼을꺼야. ..
리액트(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 - 페이지 자동 생..