
์ธ์ด ๐ฐ๐ท ํ๊ตญ์ด
๋ฐฐ๊ฒฝ
์ค์
๋ณด๊ณ
์์ฝ ๋ฐ๋ชจ
FastComments๋ฅผ ์ฌ์ฉํ๋ฉด ํ์ ๋ง ์์งํ๊ฑฐ๋ ํด๋น ํ์ ์ ๋ํ ๋ฆฌ๋ทฐ๋ฅผ ํจ๊ป ์์งํ ์ ์์ต๋๋ค. ์ด๋ฌํ ํ์ ์ ๋ด๋ถ์ ์ผ๋ก ๋ณด๊ณ ํ ์ ์๊ฑฐ๋ ๋น์ฌ์ ์์ ฏ์ ์ฌ์ฉํ์ฌ ๊ณต๊ฐ์ ์ผ๋ก ํ์ํ ์ ์์ผ๋ฉฐ, ์๋ฅผ ๋ค์ด ์ ํ๋ณ ๊ณ ๊ฐ ๋ฆฌ๋ทฐ ๋ถํฌ๋ฅผ ๋ณด์ฌ์ฃผ๊ธฐ ์ํด ์ฌ์ฉํ ์ ์์ต๋๋ค. FastComments Ratings & Reviews์ ๊ธฐ๋ฅ๊ณผ ์ค์ ๋ฐฉ๋ฒ์ ์๋์์ ์์ธํ ์์๋ณด์ธ์.
๊ธฐ๋ฅ 
FastComments Feedback module์ ์ผ๋ถ์ธ Ratings & Reviews ๊ตฌ์ฑ ์์๋ ๋ค์๊ณผ ๊ฐ์ ์ฃผ๋ชฉํ ๋งํ ๊ธฐ๋ฅ์ ๊ฐ์ถ๊ณ ์์ต๋๋ค:
- ์ง๋ฌธ์ ๋ํ ๋ ๊ฐ์ง ๋ค๋ฅธ ๋ ์ด์์ - ์์งํ ๋ ์ด์์๊ณผ ๋๋ํ ๋ฐฐ์น๋๋ ๋ ์ด์์(ํ์๋ ์ด ํ์ด์ง ํ๋จ์ ํ์๋จ).
- ์ฌ์ดํธ์ ๋ฐฐ์นํ ์ ์๋ ์์ฝ ์์ ฏ.
- ์ฌ์ฉ์๊ฐ ์๋ตํ ํ ์ง๊ณ๋ ๊ฒฐ๊ณผ ๋ถํฌ๋ฅผ ํ์ํ์ฌ ํด๋น ํ์ด์ง์ ๋ํ ๋ชจ๋ ์๋ต์ ๋ถํฌ๋ฅผ ๋ณด์ฌ์ค๋๋ค.
- 2024๋ 1์์ ๊ณง ์ถ์ ์์ : AI ๊ธฐ๋ฐ ๋ฆฌ๋ทฐ ์์ฝ ๋ฐ ํ๊ทธ.
- ๋ณด๊ณ ๋์๋ณด๋์ ์ ์ฒด ๋ฐ ์๊ฐ ๊ฒฝ๊ณผ์ ๋ฐ๋ฅธ ์ง๊ณ.
- ํผ๋๋ฐฑ์ ์ ์ฅ, ๊ฐ์ ธ์ค๊ธฐ ๋ฐ ์ง๊ณํ๊ธฐ ์ํด ํตํฉํ ์ ์๋ API.
- ๋๋ฉ์ธ๋ณ ๋๋ ํ์ด์ง๋ณ๋ก ์ฝ๋ ๋ณ๊ฒฝ ์์ด ์ง๋ฌธ ๋ฐ ํ์ ์ง๋ฌธ์ ์ฌ์ฉ์ ์ ์ํ ์ ์๋ ๊ธฐ๋ฅ.
๋์ 
๋ชจ๋ FastComments ํจํค์ง๋ ํ์ ๋ฐ ๋ฆฌ๋ทฐ๊ฐ ํฌํจ๋ ํผ๋๋ฐฑ ๋ชจ๋์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๊ฐ๊ฒฉ 
์๊ธ์ ๋๊ธ ์๊ธ์ ๋ฅผ ๊ธฐ์ค์ผ๋ก ํ๋ฉฐ, ์ฆ ํ์ ๋ฐ ๋ฆฌ๋ทฐ๋ ํจํค์ง์ ๋ฐ๋ผ ๋๊ธ๊ณผ ๋์ผํ๊ฒ ์ฒญ๊ตฌ๋ฉ๋๋ค - depending on your package.
You are billed (on Flex) or limited (on fixed plans) based on the following:
- ๊ณ์ ์ ์๋ ๋ฆฌ๋ทฐ ์ (๋๊ธ ์๊ธ์ ์ ๋์ผ).
- ์์ฝ ์์ ฏ ์ฌ์ฉ:
- ์ง๊ณ๊ฐ ์บ์๋ ๊ฒฝ์ฐ, ๊ฐ ์ง๋ฌธ + ํ์ ์ง๋ฌธ๋ง๋ค ํ์ด์ง ๋ก๋๋น API ํฌ๋ ๋ง 1๊ฐ๋ฅผ ์ฌ์ฉํ๋ฉฐ, ์บ์๋์ง ์์ ๊ฒฝ์ฐ ๊ทธ ๋ ๋ฐฐ๋ฅผ ์ฌ์ฉํฉ๋๋ค.
- ๋ฐ๋ผ์ ๋ฉ์ธ ์ง๋ฌธ ํ๋์ ํ์ ์ง๋ฌธ ์ธ ๊ฐ๊ฐ ์๋ ๊ฒฝ์ฐ, ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ํ์ด์ง ๋ก๋๋น 4ํฌ๋ ๋ง์ด ์ฒญ๊ตฌ๋๋ฉฐ, ๊ฒฐ๊ณผ๋ฅผ ๋ค์ ๊ณ์ฐํด์ผ ํ ๋๋ 8ํฌ๋ ๋ง์ด ์ฒญ๊ตฌ๋ฉ๋๋ค.
- API ์ฌ์ฉ (๊ฐ API ํธ์ถ์ ๋ํ ํฌ๋ ๋ง ์ฌ์ฉ๋์ ํด๋น ๋ฌธ์์ ํฌํจ๋์ด ์์).
๊ฒฐ๊ณผ๊ฐ API ๋๋ ์์ฝ ์์ ฏ์ ํตํด ์ง๊ณ๋ ๋์๋ ์ฒญ๊ตฌ๋ฉ๋๋ค.
ํ์ ์ ํ ์ ํ 
์ค์ ํ ๋ ๊ฐ์ฅ ๋จผ์ ํ ์ผ์ ์ง๋ฌธ์ด ์ด๋ป๊ฒ ํ์๋ ์ง ๊ฒฐ์ ํ๋ ๊ฒ์ ๋๋ค. ์ด ํ์ด์ง ํ๋จ์์๋ ๊ถ์ฅ ํ์ ์ ํ์ธ Side-by-Side ๋ ์ด์์์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค ํ์ ๋ฐ ํ์ ํ์ ์ ๋ํด. ๋ค๋ฅธ ๋ ์ด์์์ ๋ฆฌ๋ทฐ๊ฐ ์๋๋ผ ํ์ด์ง ๋ฐ์์ ๋ ์ ํฉํ๋ฉฐ, ๋ค๋ฅธ ๋ฌธ์ ํ์ด์ง์์ ์ฌ์ฉ๋๋ ์ธ๋ก ๋ ์ด์์์ ๋๋ค.
์ง๋ฌธ ์ ์ 
FastComments๋ ๋ช ๊ฐ์ง ์ง๋ฌธ ์ ํ์ ์ง์ํฉ๋๋ค:
- NPS
- Slider
- Star
- Up/Down Thumbs
์ง๋ฌธ์ ์ง๋ฌธ ๋์๋ณด๋์์ ์์ฑ๋ฉ๋๋ค.
Each question should have the following defined:
- A good Internal Name.
- ๊ด๋ฆฌ์ ๋์๋ณด๋์์ ์ง๋ฌธ์ ๋ณด๊ณ ํ๊ณ ๋์ดํ ๋ ์ฌ์ฉ๋ฉ๋๋ค.
- A Reporting Order.
- ๊ด๋ฆฌ์ ๋์๋ณด๋์์ ์ง๋ฌธ์ ๋ณด๊ณ ํ๊ณ ๋์ดํ ๋ ์ฌ์ฉ๋ฉ๋๋ค.
- Question Text.
- ์ฌ์ฉ์์๊ฒ ํ์๋ฉ๋๋ค.
- Summary Label.
- ์์ฝ ์์ ฏ๊ณผ ์ํธ์์ฉํ๋ ์ฌ์ฉ์์๊ฒ ํ์๋ฉ๋๋ค.
๋ค๋ฅธ ์ง๋ฌธ์ ํด๋น ์ ํ์ ๋ฐ๋ผ ํน์ ๊ตฌ์ฑ์ด ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, Star ์ง๋ฌธ์ ๋ณ ๊ฐ์๋ฅผ ์ ์ํ ์ ์๊ณ , slider๋ min/max๋ฅผ ์ ์ํ ์ ์์ต๋๋ค.
ํ์ ์ง๋ฌธ
์ด ํ์ด์ง ํ๋จ์๋ ํฐ ๋ณ์ ์ง๋ฌธ์ด ์๊ณ , ๊ทธ ๋ค์์ ๋ช ๊ฐ์ ์์ ์ง๋ฌธ๋ค์ด ์์ต๋๋ค. ์์ ๊ฒ๋ค์ ํ์ ํ์ ์ ๋๋ค. ๋ชจ๋ ์ง๋ฌธ์ ์ค์ ํ ํ์๋ ๋ค์ ๋์๊ฐ ์์ ์ง๋ฌธ์ ํธ์งํ๊ณ ์ด๋ค ์ง๋ฌธ์ ํ์ ์ง๋ฌธ์ผ๋ก ์ง์ ํ ์ง ์ ํํ ์ ์์ต๋๋ค.
ํ์ ์ง๋ฌธ์ ๊ฐ ๋ฆฌ๋ทฐ์ ํจ๊ป ํ์๋๋๋ก, ์์ฝ ์์ ฏ์ ํ์๋๋๋ก, ๋๋ ๋ด๋ถ์ ์ผ๋ก๋ง Widget Configuration (๋ค์์ ํ์๋จ)์ ํตํด ๋ ธ์ถ๋๋๋ก ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
๊ตฌ์ฑ ์๋ ๋ฐฉ์ 
๋๋ถ๋ถ์ FastComments ์ค์ ์ UI ๋ง์ถค ์ค์ ์ ํตํด ์กฐ์ ๋ฉ๋๋ค. ์ฌ๊ธฐ์๋ ํ์ ๋ฐ ๋ฆฌ๋ทฐ(Ratings & Reviews)๋ ํฌํจ๋ฉ๋๋ค.
์ง๋ฌธ์ ์ถ๊ฐํ๋ฉด ์์ง์ ์ด๋์์๋ ์ฌ์ฉ๋์ง ์์ต๋๋ค.
์ฌ์ฉํ๋ ค๋ฉด ๋ง์ถค ๊ท์น์ ์์ฑํ๊ฑฐ๋ ํธ์งํ๊ณ Enable Ratings or Other Questions ์ต์
์ ํ์ฑํํ์ธ์. ๊ทธ๋ฌ๋ฉด ๋ช ๊ฐ์ง ๋ค๋ฅธ ์ต์
์ด ํ์๋ฉ๋๋ค:
- Style
- ์ธ๋ก ๋๋ ๋๋ํ
- When to Save?
- ์ฌ์ฉ์๊ฐ ์ง๋ฌธ์ ๋ต๋ณํ ๋๋ง๋ค ํผ๋๋ฐฑ์ ์ ์ฅํ ์ง, ์๋๋ฉด ๋ฆฌ๋ทฐ๋ฅผ ์ ์ถํ ๋ ํ ๋ฒ์ ๋ชจ๋ ์ ์ฅํ ์ง ์ฌ๋ถ
- Ask Sub Questions
- ์ ์๋ ํ์ ์ง๋ฌธ์ ํ์ํ ์ง ์ฌ๋ถ
- Questions Required?
- ๋ชจ๋ ์ง๋ฌธ์ ํ์๋ก ํ ์ง ์ฌ๋ถ
- Show Answers on Comments?
- ๊ฐ ๋ฆฌ๋ทฐ์ ํ์ ๋๋ ํ์ ๊ณผ ํ์ ํ์ ์ ํจ๊ป ํ์ํ ์ง ์ฌ๋ถ
- Show Results Breakdown After Answering
- ํ์ฑํํ๋ฉด ์ฌ์ฉ์๊ฐ ์ง๋ฌธ์ ๋ต๋ณํ ํ ํด๋น ํ์ด์ง์ ๋ํ ๋ชจ๋ ์๋ต์ ์ง๊ณ๋ ๋ถ์์ด ํ์๋ฉ๋๋ค. ์ฌ๊ธฐ์๋ ํ๊ท ๊ฐ, ๋ถํฌ ๋ง๋, ์๋ต ์๊ฐ ํฌํจ๋ฉ๋๋ค. ํ์ ์ง๋ฌธ์ ํฌํจํ์ฌ Star, NPS, Thumbs ๋ฐ Slider ์ง๋ฌธ ์ ํ์ ์ง์ํฉ๋๋ค.
- Question to Show?
- ํ์ํ ์ต์์ ์ง๋ฌธ์ ๋๋ค. ํ์ฌ๋ ํ๋๋ง ์ง์๋ฉ๋๋ค.
์ด ๊ตฌ์ฑ์ ํ์ด์ง ๋ฐ์(page reactions) ๋ฐ ํ์ ๋ฐ ๋ฆฌ๋ทฐ ๊ฐ์ ์ฃผ์ ์ฌ์ฉ ์ฌ๋ก ๋ช ๊ฐ์ง์ ๋์ํ๊ธฐ ์ํ ๊ฒ์ผ๋ก, ๋ ๊ฐ์ง ๋ชจ๋์ ๊ฐ๋จํ ์ค๋ฌธ์กฐ์ฌ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
Customization UI๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๋ ์ด ๊ตฌ์ฑ์ ์ง๋ฌธ ์์ฒด์ ๋ถ๋ฆฌํจ์ผ๋ก์จ ์์ ฏ ๊ตฌ์ฑ์ ์ฌ์ฉ์ ์ง์ ํ์ฌ ๋ชจ๋ ์ฌ์ดํธ/ํ์ด์ง ๋๋ ํน์ ๋๋ฉ์ธ ๋ฐ ํ์ด์ง๋ฅผ ์ ํํ ์ ์๊ฒ ํจ์ผ๋ก์จ ์ฌ์ดํธ๋ ํ์ด์ง๋ณ๋ก ๋ค๋ฅธ ์ง๋ฌธ์ ์ ์ํ ์ ์๊ธฐ ๋๋ฌธ์ ๋๋ค.
์์ฝ ์์ ฏ 
๋ค์์ ์์ฝ ์์ ฏ์ ์ค์นํ๊ธฐ ์ํ Vanilla JS ์ฝ๋์ ๋๋ค. React ๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ ์ด ์์ ฏ์ด ํฌํจ๋์ด ์์ต๋๋ค.
Run 
์ด ์์ ฏ์ ํด๋น ํ์ด์ง/์ฌ์ดํธ์ ์์ ฏ ๊ตฌ์ฑ์ ๋ฐ๋ผ ์์ฝ์ ํ์ํ ์ง๋ฌธ๋ค์ ์๋์ผ๋ก ์ฐพ์ต๋๋ค.
๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค ์ค ์์ ฏ์ด ํฌํจ๋์ด ์์ง ์์ ๊ณณ์ ์ด ์์ ฏ์ด ํ์ํ๋ค๋ฉด, ์ถ๊ฐํ ์ ์๋๋ก ์ง์ ํฐ์ผ์ ์ ์ถํด ์ฃผ์ธ์.
ํ์ ๋ณด๊ธฐ 
์ง๋ฌธ์ ์ ์ํ๋ฉด ๊ด๋ฆฌ ๋์๋ณด๋์ ํผ๋๋ฐฑ ๋ถ์ ํญ๋ชฉ์ด ํ์๋ฉ๋๋ค.
๋ค์ ์ญํ ์ด ํผ๋๋ฐฑ ๋ถ์์ ์ ๊ทผํ ์ ์์ต๋๋ค:
- ์ํผ ๊ด๋ฆฌ์
- ๊ณ์ ์์ ์
- ๋๊ธ ์ค์ฌ ๊ด๋ฆฌ์
๊ฐ ์ง๋ฌธ์ ์๊ฐ ๊ฒฝ๊ณผ ์ถ์ธ(Over Time)์ ์ ์ฒด ๋ถ๋ฅ(Overall Breakdown)๋ฅผ ํ์ํ๋ฉฐ, ์ ์ฒด ๋ณด๊ณ ์๋ ์ผ, ์ ๋๋ ์ฐ ๋จ์๋ก ๋ถํ ํ ์ ์์ต๋๋ค. ๊ฒฐ๊ณผ๋ฅผ ์กฐํํ๋ ๋ฐ์๋ ์๊ธ์ด ๋ถ๊ณผ๋์ง ์์ต๋๋ค.
API๋ฅผ ํตํ ํตํฉ 
ํผ๋๋ฐฑ ๊ด๋ จ ๋ชจ๋ ๋ฆฌ์์ค์ ์ํธ์์ฉํ ์ ์๋ API๊ฐ ์์ต๋๋ค:
์์ฝ ๋ฐ๋ชจ 
๋ค์์ ์์ฝ ์์ ฏ์ ์์ ๋ฐ๋ชจ์ ๋๋ค:
์บ์ฑ
์์ฝ์ 30์ด ๋์ ์บ์๋๋ฉฐ, ๋ฆฌ๋ทฐ๊ฐ ๋ง์ ๊ฒฝ์ฐ์๋ 5๋ถ ๋์ ์บ์๋๋ค๋ ์ ์ ์ ์ํ์ธ์. ์ด๋ก ์ธํด ๊ทํ์ ๋ฆฌ๋ทฐ๊ฐ ์์ฝ์ ๋ฐ๋ก ํ์๋์ง ์์ ์ ์์ง๋ง, ์ด๋ ์์ฝ ์์ ฏ ์ ๊ณต ๋น์ฉ์ ๋ฎ์ถ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
ํ์ ๋ฐ ๋ฆฌ๋ทฐ ๋ฌธ์๊ฐ ํฌ๊ด์ ์ด๋ผ๊ณ ๋๋ผ์ จ๊ธฐ๋ฅผ ๋ฐ๋ผ๋ฉฐ, ์ค์ ํ๊ณ ์ฌ์ฉํ๋ ๊ฒ์ด ์ฌ์ ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ๋ง์ฝ ๋ฌธ์์์ ์ ํฌ๊ฐ ๋์น ๊ฒ์ด ์๋ค๋ฉด ์๋์ ์๋ ค์ฃผ์ธ์!