Next로 블로그 구현하기 (1)

leave_a_comment·2024년 2월 21일
0

오늘 To Do list

  • markdown 에 필요한 라이브러리 서칭 및 설정
  • html로 markdown하는 기능의 api 작성
  • 포스트 불러오는 api 작성

서버리스 이므로 md파일로 post를 저장해놓은 다음에 post내용을 읽어온다.
join 함수로 파일 확장자까지 붙여 정확한 경로를 만든다.
fs 모듈의 readdirSync 메소드 사용하여 경로에 있는 파일명들을 받아온다.

  • fs 모듈은 파일 시스템에 접근하고 파일과 폴더를 다룰 수 있는 기능을 제공하는 내장 모듈입니다. fs 모듈은 Node.js 환경에서 사용되며, 브라우저에서는 사용할 수 없습니다.
  • path 모듈은 파일 경로와 관련된 유틸리티 기능을 제공하는 내장 모듈입니다. path 모듈은 파일 경로를 조작하고 파싱하는 데 사용됩니다.
    markdown 언어를 해석해주는 matter 함수를 사용한다.
  • Gray-matter는 JavaScript 기반의 라이브러리로, Markdown 파일과 YAML, TOML, JSON 등의 프론트매터(front matter)를 파싱하는 기능을 제공합니다. 프론트매터는 문서의 메타데이터를 포함하는 머리말 부분으로, 일반적으로 YAML, TOML 또는 JSON 형식으로 작성됩니다.

dangerouslySetInnerHTML로 React에서 직접 html을 설정할 수 있다.

  • 신뢰할 수 없는 소스에서 가져온 HTML 문자열은 보안상 위험이 있을 수 있기 때문이다.
    따라서 이 속성을 사용할 때에는 신뢰할 수 있는 소스로부터의 HTML 문자열만 사용해야 하며, 공격을 방지하기 위해 적절한 XSS 방어 메커니즘을 구현하는 것이 좋다.
profile
나도 성장하고파

0개의 댓글