1. 깃허브 댓글 기능 추가

ㄱ. Discussions 탭 추가하기

• 깃헙에 올린 즉, 댓글을 사용할 레파지토리를 publice으로 전환해야함
• 안그러면 상단 탭에서 Discussions이 보이지않음
• publice으로으로 전환하면 Features에서 Discussions를 클릭해줌
• 그럼 상단 탭에서 Discussions가 생겨있음

ㄴ. Announcements 설정

• Discussions를 클릭하면 아래 이미지처럼 여러가지 카테고리가 있는데 Announcements를 시작하고 제목이랑 내용을 입력해서 댓글을 하나 달아두면됨

ㄷ. giscus

• 링크 <-를 클릭하여 qiscus로 접속
• giscus에서 저장소를 설정 해주어야하는데 giscus 앱을 설치 하지않으면 저장소를 찾을수 없음-
• 링크를 클릭하고 앱을 설치하기
• 댓글을 사용할 레파지토리를 선택하여 해당 레파지토리에 앱을 설치하고
• 다시 giscus 저장소로 돌아와서 깃허브 닉네임과 레파지토리를 입력하면 저장소 연결이 됨 그후 페이지와 Discussions를 연결 하고 Discussions의 카테고리를 Announcements로 선택
• 모든 설정을 마치면 giscus를 사용할수 잇는 script가 나오는데 repo, repo-id, category-id 를 꼭 알아둬야함
• 그후 내가 사용할 프로젝트 위치에 아래 이미지 처럼 script를 추가하고 원하는 위치에 script를 추가하면 완료 !

2. React 프로젝트에서 SEO 최적화 하기

ㄱ. useSEO 커스텀 훅 만들기

• 기존 메타태그 제거후 새로운 태그 생성하기
• 페이지별 맞춤 SEO 설정하기
• 동적 메타 태그 생성 및 관리하기

ㄴ. 포스트별 동적 SEO 설정

• 예시 :
• 위의 코드를 사용하여 페이지별 동적으로 SEO를 사용할 수 있음

ㄷ. 카카오톡 og(openGraph)

• 카카오톡은 메타태그를 동적으로 적용이 안되기 때문에 리엑트에서는 snap이랑 puppeteer을 이용해서 메타태그를 동적으로 관리 해야한다고 하는데.. 이부분은 크롤링 서버를 따로 써야하기 때문에 잠시 대기로

ㄹ. 결과

• SEO 최적화 검사 링크에서 확인해보니 다행히 100점 ~