Next.js : Single Page Application & 이미지 추가 & CSS

1. Single Page Application 서버 사이드 랜더링 : 리액트는js가 동작하지않으면 랜더링 되지 않음 => Next.js 만든 웹페이지는 리로드해도 랜더링이 잘 됨. => Next.js 는 js가 아닌 html을 응답함 => a태그를 Link로 변경하기만해도 SPA가 되는 마법을 볼 수 있음. 단점.. 네트워크 > fast 3G (웹페이지 지연 현상 만들기 가능) => 특정 페이지 (홈) 을 방문했을때, 처음부터 끝까지 모든 페이지를 다운 받아서 사용자 입장에서는 느리고, 서비스 제공하는 입장에서는 돈이 많이 들음,,, [layout.js] import './globals.css'; export const metadata = { title: 'Web tutorials', descripti..