FastComments.com

Add Comments to Your Svelte App

์ด๊ฒƒ์€ FastComments์˜ ๊ณต์‹ Svelte ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.

๋ผ์ด๋ธŒ ๋Œ“๊ธ€, ์ฑ„ํŒ… ๋ฐ ๋ฆฌ๋ทฐ ์œ„์ ฏ์„ Svelte ์•ฑ์— ์ž„๋ฒ ๋“œํ•˜์„ธ์š”.

์ €์žฅ์†Œ

GitHub์—์„œ ๋ณด๊ธฐ

์„ค์น˜ Internal Link

npm

npm install fastcomments-svelte

๋น ๋ฅธ ์‹œ์ž‘ Internal Link

<script lang="ts">
  import CommentWidget from "fastcomments-svelte/CommentWidget.svelte";
  import type { FastCommentsCommentWidgetConfig } from "fastcomments-typescript";

  let config: FastCommentsCommentWidgetConfig = {
    tenantId: "demo",
    urlId: "my-page"
  };
</script>

<CommentWidget config={config} />

์œ„์ ฏ Internal Link

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—๋Š” ํ˜„์žฌ ๋‹ค์Œ ์œ„์ ฏ๋“ค์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค:

๋˜ํ•œ ๋‹ค์Œ ์˜ˆ์ œ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค:

๊ฐœ๋ฐœ Internal Link

์˜์กด์„ฑ์„ npm install (๋˜๋Š” pnpm install ๋˜๋Š” yarn)๋กœ ์„ค์น˜ํ•œ ํ›„, ๊ฐœ๋ฐœ ์„œ๋ฒ„๋ฅผ ์‹œ์ž‘ํ•˜์„ธ์š”:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Everything inside src/lib is part of the library, everything inside src/routes is the showcase.

๋นŒ๋“œ Internal Link


๋นŒ๋“œํ•˜๋ ค๋ฉด:

npm run package

์œ ์ง€๋ณด์ˆ˜ ์ƒํƒœ Internal Link

์ด ์ปดํฌ๋„ŒํŠธ๋“ค์€ ๋‹น์‚ฌ์˜ ํ•ต์‹ฌ VanillaJS ์ปดํฌ๋„ŒํŠธ๋“ค์„ ๊ฐ์‹ธ๋Š” ๋ž˜ํผ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ปดํฌ๋„ŒํŠธ๋“ค์€ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ฐฐํฌํ•˜์ง€ ์•Š๊ณ ๋„ ์ž๋™์œผ๋กœ ์—…๋ฐ์ดํŠธ(๋ฒ„๊ทธ ์ˆ˜์ •, ๊ธฐ๋Šฅ ์ถ”๊ฐ€)ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋‹น๋ถ„๊ฐ„ ๊ณต๊ฐœ๋˜์ง€ ์•Š๋”๋ผ๋„ FastComments๊ฐ€ ํ™œ๋ฐœํžˆ ๊ฐœ๋ฐœ๋˜๊ณ  ์žˆ์ง€ ์•Š๋‹ค๋Š” ๋œป์€ ์•„๋‹™๋‹ˆ๋‹ค! ์—…๋ฐ์ดํŠธ๋Š” ์šฐ๋ฆฌ ๋ธ”๋กœ๊ทธ์—์„œ ํ™•์ธํ•˜์„ธ์š”. ํ˜ธํ™˜์„ฑ์„ ๊นจ๋Š” API ๋ณ€๊ฒฝ์ด๋‚˜ ๊ธฐ๋Šฅ์€ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋ฒ„์ „์ด ์˜ฌ๋ ค์ง€์ง€ ์•Š๋Š” ํ•œ ๊ธฐ๋ฐ˜ ์ฝ”์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ ˆ๋Œ€ ๋ฐ˜์˜๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋„์›€์ด ํ•„์š”ํ•˜์‹ ๊ฐ€์š”?

Svelte ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ์ค‘ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜ ์งˆ๋ฌธ์ด ์žˆ์œผ์‹œ๋ฉด, ๋‹ค์Œ์„ ์ด์šฉํ•ด ์ฃผ์„ธ์š”:

๊ธฐ์—ฌ

๊ธฐ์—ฌ๋Š” ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค! ๊ธฐ์—ฌ ์ง€์นจ์€ GitHub ์ €์žฅ์†Œ๋ฅผ ๋ฐฉ๋ฌธํ•ด ์ฃผ์„ธ์š”.