Next.js Git Blog (3): 마크다운 포스팅 기능 구현
페이지 전환이 가능해졌으니, 레이아웃을 구성하여 블로그의 외형을 만들고자한다. 기본적인 레이아웃 구성을 아래와 같이 설계했는데, Header: 사이트 로고 및 네비게이션 바 (Navigation bar) Main: 페이지의 핵심 콘텐츠 (글 목록 또는 상세 내용) Footer: 저작권…
Next.js Git Blog (2): 라우팅 구현
라우팅 방식에 대해 살펴보고자 하는데, 크게 어렵진 않았다. 먼저 Next.js에서 라우팅을 하는 방식으로 아래 두 가지를 확인할 수 있는데 App Router (새로운 방식, 디렉토리 기반) Pages Router (기존 방식, 파일 기반) 블로그는 정적 파일을 보여주는 방식으로도…
Next.js Git Blog (1): 개발 환경 구성
Next.js로 블로그를 만들면서 새롭게 알게 된 기술적인 내용들과, 구성 과정에서 고민했던 부분을 기록하고 공유하고자 한다. 먼저 간단히 Next.js에 대해 짚고 넘어가자면, React 기반의 웹 애플리케이션을 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 형태로 만들…