Next.js로 마크다운 블로그 만들기

이번에는 Next.js 로 마크다운 블로그 만들기 과제이다. 1. 마크다운이란? - 일반 텍스트 기반의 경량 마크업 언어로, 문서의 구조와 서식을 간단하게 표현하는 데 사용된다. 주로 웹 기반 문서 작성, README 파일 작성, 블로그 게시물 작성 등에 널리 사용되는 형식이다. 마크다운은 간편하고 가독성이 좋으며, HTML로 변환이 용이하여 다양한 플랫폼에서 쉽게 사용될 수 있다. - github의 README.md 파일을 생각하면 된다. 2. 과제와 비슷한 예시 과제와 비슷한 예시자료를 Next.js 에서 찾을 수 있었다. 바로 blog-stater!! 아래는 주소다. https://next-blog-starter.vercel.app/ 오늘도 github로 열어서 까보도록 하자. 3. 진행 순서 1)..

2023.07.11

React와 History API 사용하여 SPA Router 구현하기.

이번 과제를 해결하기 위해 고민했던 흔적들을 남겨보려고 한다. 1. react-router-dom 뜯어보기 react-router-dom 이라는 라이브러리는 많이 사용했었다. 다만 어떻게 돌아가는지 구조에 대해서는 단 한번도 생각해본 적이 없었는데 이번 과제를 통해서 처음으로 뜯어봤다. https://github.com/remix-run/react-router 위의 사이트가 바로 react-router의 코드를 볼 수 있는 github 주소이다. 일단 packages로 들어갔다. 여기서 react-router - lib 까지 들어갔다. 일단은 Router, Route에 대해 살펴보기 위해 component.tsx 로 들어갔다. 먼저 Router 검색 export function Router({ basen..

2023.07.07