next level...이 아니고 next.js

1.next js 1 (시작하기, _app.js 파일)

post-thumbnail

next.js에서 모든 것은 \_app.js 이 파일을 통한다. 0\. 가장 큰 전체적인 레이아웃을 여기서 잡는다. 1\. 페이지 전환 시, 레이아웃을 유지할 수 있음 2\. 페이지 전환 시, 상태값을 유지할 수 있음 3\. componentDidCatch라는 것을 이

2021년 6월 2일

2.next js 2 (pre-rendering의 2가지 방법)

post-thumbnail

next.js는 모든 페이지를 사전에 렌더링한다. 그러니까 미리 html 파일들을 만들어 놓는것임. 그래서 더 좋은 성능을 내며 seo(검색 엔진 최적화)에도 좋다. 정적 생성server side rendering(SSR, Dynamic Rendering)이 두 가지

2021년 6월 2일

3.next js 3 (왜 useRouter, Link 사용하나)

post-thumbnail

next.js에서 네비게이션에는 useRouter를 사용해서 각 메뉴에 알맞는 페이지로 라우팅을 하고 링크는 a태그 보다는 next의 Link를 사용한다. 그럼 next.js로 프로덕트를 만들 때, location.href = '/about' 이렇게 하거나 a태그를 쓰

2021년 6월 2일

4.react와 next

post-thumbnail

브라우저: 페이지 줘!프론트서버: 백엔드 서버야 데이터 좀 줘 봐 백엔드 서버: 여깄음프론트 서버에서는 백엔드 서버에서 온 데이터와 html을 합쳐서 브라우저로 보냄데이터의 흐름이 '브라우저 - 프론트 서버 - 백엔드 서버 - 데이터베이스'와 같이 일자 형태.브라우저:

2021년 6월 3일