
์ธ์ด ๐ฐ๐ท ํ๊ตญ์ด
๋ฌธ์
์์ํ๊ธฐ
์ฌ์ฉ๋ฒ
Add Comments to Your Astro Site
์ด๊ฒ์ FastComments์ฉ ๊ณต์ Astro ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
Astro์ฉ FastComments ๋๊ธ ์์ ฏ
์ ์ฅ์
๋ผ์ด๋ธ ๋ฐ๋ชจ 
๋ชจ๋ ์์ ฏ์ https://fastcomments.com/commenting-system-for-astro์์ ๋ผ์ด๋ธ๋ก ์ฌ์ฉํด ๋ณด์ธ์.
๋ผ์ด๋ธ ์ผ์ผ์ด์ค 
๊ณต์ฉ demo ํ
๋ํธ๋ฅผ ๋์์ผ๋ก ๋ก์ปฌ์์ ๋ชจ๋ ์์ ฏ๊ณผ ํ๋ก์ฐ๊ฐ ์คํ๋๋ ๊ฒ์ ๋ณด๋ ค๋ฉด, ์ ์ฅ์๋ฅผ ํด๋ก ํ๊ณ ๋ค์์ ์คํํ์ธ์:
cd example
npm install
npm run dev
๊ฐ ์ปดํฌ๋ํธ๋ example/src/pages/ ์๋์ ์์ฒด ํ์ด์ง๋ฅผ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, ์ด ํ์ด์ง๋ค์ ๊ทธ๋๋ก ๋ณต์ฌํ์ฌ ์์ ์ Astro ์ฌ์ดํธ์ ๋ฃ์ ์ ์์ต๋๋ค.
๋น ๋ฅธ ์์ 
---
import { FastComments } from 'fastcomments-astro';
---
<FastComments tenantId="demo" />
"demo"๋ฅผ FastComments ํ
๋ํธ ID๋ก ๊ต์ฒดํ์ธ์.
์ปดํฌ๋ํธ 
| ๊ตฌ์ฑ ์์ | ์ค๋ช |
|---|---|
FastComments |
๋ต๊ธ๊ณผ ํฌํ ๋ฑ ๊ธฐ๋ฅ์ ๊ฐ์ถ ๋๊ธ ์์ ฏ |
FastCommentsCommentCount |
ํ์ด์ง์ ๋๊ธ ์ ํ์ |
FastCommentsImageChat |
์ด๋ฏธ์ง ์ฃผ์ ๋๊ธ |
FastCommentsLiveChat |
๋ผ์ด๋ธ ์ฑํ ์์ ฏ |
FastCommentsCollabChat |
ํ์ ์ธ๋ผ์ธ ๋๊ธ |
FastCommentsReviewsSummary |
๋ณ์ ๋ฆฌ๋ทฐ ์์ฝ |
FastCommentsUserActivityFeed |
์ฌ์ฉ์ ํ๋ ํผ๋ |
๋ชจ๋ ์ปดํฌ๋ํธ๋ ํจํค์ง ๋ฃจํธ์์ ๋ด๋ณด๋ด์ง๋๋ค:
---
import { FastComments, FastCommentsLiveChat } from 'fastcomments-astro';
---
์์ ํ๋ก์ ํธ 
์๋ํ๋ ๋ฐ๋ชจ๋ example/ ๋๋ ํฐ๋ฆฌ์ ํฌํจ๋์ด ์์ต๋๋ค:
cd example && npm install && npm run dev
์ ์ง๋ณด์ ์ํ 
์ด ์ปดํฌ๋ํธ๋ค์ ๋น์ฌ์ ํต์ฌ VanillaJS ์ปดํฌ๋ํธ๋ค์ ๊ฐ์ธ๋ ๋ํผ์ ๋๋ค. ์ฐ๋ฆฌ๋ ์ด ์ปดํฌ๋ํธ๋ค์ ์๋์ผ๋ก ์ ๋ฐ์ดํธํ ์ ์์ด์(๋ฒ๊ทธ ์์ , ๊ธฐ๋ฅ ์ถ๊ฐ) ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋น๋ถ๊ฐ ๋ฐฐํฌ๋์ง ์๋๋ผ๋ FastComments๊ฐ ํ๋ฐํ ๊ฐ๋ฐ๋๊ณ ์์ง ์๋ค๋ ์๋ฏธ๋ ์๋๋๋ค! ์ ๋ฐ์ดํธ๋ ์ฐ๋ฆฌ ๋ธ๋ก๊ทธ์์ ํ์ธํ์ธ์. ์ค๋ํ API ๋ณ๊ฒฝ์ด๋ ๊ธฐ๋ฅ์ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ฒ์ ์ ์์ด ๊ธฐ๋ฐ ํต์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ ๋ ๋ฐ์๋์ง ์์ต๋๋ค.
๋์์ด ํ์ํ์ ๊ฐ์?
Astro ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ ์ค ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ฑฐ๋ ์ง๋ฌธ์ด ์์ผ์๋ฉด, ๋ค์์ ์ด์ฉํด ์ฃผ์ธ์:
๊ธฐ์ฌ
๊ธฐ์ฌ๋ ์ธ์ ๋ ํ์ํฉ๋๋ค! ๊ธฐ์ฌ ์ง์นจ์ GitHub ๋ฆฌํฌ์งํ ๋ฆฌ๋ฅผ ๋ฐฉ๋ฌธํด ํ์ธํ์ธ์.