Next.js Git Blog (5): MDX 도입과 데이터 독립성에 대한 고찰
현재 이 블로그는 마크다운 파일을 불러와 해석하고 렌더링하는 방식을 취하고 있다. 그래서 본문은 마크다운이 약속한 표준 태그들로만 구성되어 있다. 그러던 중 MDX(Markdown + JSX) 라는 재밌는 개념을 접했다. 마크다운 본문 중간에 React 컴포넌트를 직접 삽입하여 글을…
현재 이 블로그는 마크다운 파일을 불러와 해석하고 렌더링하는 방식을 취하고 있다. 그래서 본문은 마크다운이 약속한 표준 태그들로만 구성되어 있다. 그러던 중 MDX(Markdown + JSX) 라는 재밌는 개념을 접했다. 마크다운 본문 중간에 React 컴포넌트를 직접 삽입하여 글을…
페이지 전환이 가능해졌으니, 레이아웃을 구성하여 블로그의 외형을 만들고자한다. 기본적인 레이아웃 구성을 아래와 같이 설계했는데, Header: 사이트 로고 및 네비게이션 바 (Navigation bar) Main: 페이지의 핵심 콘텐츠 (글 목록 또는 상세 내용) Footer: 저작권…