FastComments.com
์ด ์ฝ˜ํ…์ธ ๋Š” ์•„์ง ์‚ฌ์šฉ์ž์˜ ์–ธ์–ด๋กœ ๋ฒˆ์—ญ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์˜์–ด ๋ฒ„์ „์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

Add Comments to Your React Native App


์ด๋Š” FastComments์˜ ๊ณต์‹ React Native SDK์ž…๋‹ˆ๋‹ค.

React Native ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ FastComments SDK

์ €์žฅ์†Œ

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


์„ค์น˜ Internal Link

npm install fastcomments-react-native-sdk --save

์Šคํฌ๋ฆฐ์ƒท Internal Link

์Šคํ‚จ: Erebus

์Šคํ‚จ: Erebus

์Šคํ‚จ: Default

์Šคํ‚จ: Default

์ด๋ฏธ์ง€ ์ง€์› ๋„ค์ดํ‹ฐ๋ธŒ WYSIWYG ํŽธ์ง‘๊ธฐ!

์ด๋ฏธ์ง€ ์ง€์› ๋„ค์ดํ‹ฐ๋ธŒ WYSIWYG ํŽธ์ง‘๊ธฐ

๋ฆฌ์น˜ ํ…์ŠคํŠธ ํŽธ์ง‘๊ธฐ

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๊ฐ•๋ ฅํ•œ WYSIWYG ํŽธ์ง‘ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” 10tap ์—๋””ํ„ฐ๋ฅผ ๋ฆฌ์น˜ ํ…์ŠคํŠธ ํŽธ์ง‘ ๊ธฐ๋Šฅ์œผ๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ตฌ์„ฑ ์˜ต์…˜

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์›น ๊ตฌํ˜„๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ fastcomments-typescript์— ์ •์˜๋œ ๋ชจ๋“  ๊ตฌ์„ฑ ์˜ต์…˜์„ ์ง€์›ํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

FastComments ๊ฐœ๋…

์‹œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ์•Œ์•„์•ผ ํ•  ์ฃผ์š” ๊ฐœ๋…์€ tenantId์™€ urlId์ž…๋‹ˆ๋‹ค. tenantId๋Š” FastComments.com ๊ณ„์ • ์‹๋ณ„์ž์ž…๋‹ˆ๋‹ค. urlId๋Š” ๋Œ“๊ธ€ ์Šค๋ ˆ๋“œ๊ฐ€ ์—ฐ๊ฒฐ๋  ์œ„์น˜์ž…๋‹ˆ๋‹ค. ์ด๋Š” ํŽ˜์ด์ง€ URL, ์ œํ’ˆ ID, ๊ธฐ์‚ฌ ID ๋“ฑ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ์ž ์•Œ๋ฆผ

FastComments๋Š” ๋‹ค์–‘ํ•œ ์‹œ๋‚˜๋ฆฌ์˜ค์— ๋Œ€ํ•œ ์•Œ๋ฆผ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์•Œ๋ฆผ์€ ๊ตฌ์„ฑ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์ „์—ญ ๋˜๋Š” ์•Œ๋ฆผ/๋Œ“๊ธ€ ์ˆ˜์ค€์—์„œ ์ˆ˜์‹  ๊ฑฐ๋ถ€ํ•  ์ˆ˜ ์žˆ๊ณ , ํŽ˜์ด์ง€ ์ˆ˜์ค€ ๊ตฌ๋…์„ ์ง€์›ํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ํŠน์ • ํŽ˜์ด์ง€๋‚˜ ๊ธฐ์‚ฌ ์Šค๋ ˆ๋“œ์— ๊ตฌ๋…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด, Secure SSO๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๋ฅผ ์ธ์ฆํ•œ ๋‹ค์Œ ์ •๊ธฐ์ ์œผ๋กœ ์ฝ์ง€ ์•Š์€ ์•Œ๋ฆผ์„ ํด๋งํ•˜๊ณ  ์ด๋ฅผ ์‚ฌ์šฉ์ž์—๊ฒŒ ํ‘ธ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฝ์ง€ ์•Š์€ ์‚ฌ์šฉ์ž ์•Œ๋ฆผ์„ ๊ฐ€์ ธ์˜ค๊ณ  ๋ณ€ํ™˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ์˜ˆ์ œ AppNotificationSecureSSO๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

GIF ๋ธŒ๋ผ์šฐ์ €

๊ธฐ๋ณธ์ ์œผ๋กœ ์ด๋ฏธ์ง€๋‚˜ GIF ์„ ํƒ์€ ํ™œ์„ฑํ™”๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ๋ฐ GIF ์—…๋กœ๋“œ๋ฅผ ์ง€์›ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ example/src/AppCommentingImageSelection.tsx๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—๋Š” ๊ฒ€์ƒ‰ ๋ฐ ์ œ๊ณต๋œ ์ด๋ฏธ์ง€๋ฅผ ์ต๋ช…ํ™”ํ•˜๋Š” GIF ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์œผ๋‹ˆ ์ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์„ฑ๋Šฅ

์„ฑ๋Šฅ ๋ฌธ์ œ๊ฐ€ ๋ฐœ๊ฒฌ๋˜๋ฉด ์žฌํ˜„ ๊ฐ€๋Šฅํ•œ ์˜ˆ์ œ(์‚ฌ์šฉ๋œ ๊ธฐ๊ธฐ ํฌํ•จ)๋ฅผ ์ฒจ๋ถ€ํ•˜์—ฌ ํ‹ฐ์ผ“์„ ์—ด์–ด์ฃผ์„ธ์š”. ์„ฑ๋Šฅ์€ ๋ชจ๋“  FastComments ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ ์ตœ์šฐ์„  ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.

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

React Native SDK์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜ ์งˆ๋ฌธ์ด ์žˆ๋Š” ๊ฒฝ์šฐ, ๋‹ค์Œ์„ ์ด์šฉํ•˜์„ธ์š”:

๊ธฐ์—ฌ

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