개발 일기

Next.js에서의 page란? pages 폴더 안에 있는 react component를 의미. // pages/about.js (1) export default function About() { return About Page } // pages/about/index.js (2) export default function About() { return About Page } 위 두가지 방법 모두 라우팅을 이용한 페이지를 만들 수 있다. 페이지 이동 import Link from 'next/link' function Home() { return ( Home About Us Blog Post ) } export default Home next/link를 이용한 페이지 이동이다. 기본적이고 간단한 방법이다...

Next.js란? Next.js는 웹 개발자에게 필요한 다양한 기능을 제공하는 React 프레임워크이다. 개발 환경 설정이 쉽고 간단하며 SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다. 또 초기 로딩 속도 개선을 위한 자동 code splitting(코드 분할)을 지원한다. 더보기 SEO: 검색 엔진 최적화 SSR: 서버 사이드 렌더링을 쓰는 목적은 크게 "검색 엔진 최적화"와 "빠른 페이지 렌더링"이다. 검색 엔진 최적화란 구글, 네이버와 같은 검색 사이트에서 검색했을 때 결과가 사용자에게 많이 노출될 수 있도록 최적화 하는 기법이며 특히, SNS에서 링크를 공유했을 때 해당 웹 사이트의 정보를 이미지와 설명으로 표시해주는 O..