블로그개발 (1) Nextjs블로그에 Utterances댓글 달고 다크모드 적용하기 블로그에 댓글기능을 추가하고 싶어서 알아보던 중, 깃헙의 utterances를 사용했다.이유는 깃헙에 로그인을 해야 댓글을 달 수 있고, 마크다운을 사용할 수 있고, 직접 구현하지 않고 삽입해서 바로 사용가능하기 때문이다.Create Repository & Install Utterances우선 댓글용 레포지터리를 새로 생성한 뒤,Install Utterances에서 앱을 설치하고 새로 생성한 레포지터리를 연결한다.그럼 아래 스크립트가 생성된다.Comment 컴포넌트 생성리액트는 xss보안 이슈 때문에 위 스크립트가 적용된 컴포넌트를 생성해줘야한다.import React, { useEffect } from "react"const COMMENTS_ID = 'comments-container';export d.. 이전 1 다음