
์ธ์ด ๐ฐ๐ท ํ๊ตญ์ด
์์
๋ณด์
์ฌ๊ธฐ์์๋ FastComments ๋๊ธ ํ์, ๋๊ธ ์์ฑ ์ ์ง์๋๋ ๊ธฐ๋ฅ, ํ ์คํธ ์์ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ์์คํ ์ ํตํฉ๋ ๋ค์ํ ํํฐ ๋ฐ ์์ ์กฐ์น์ ๋ํด ๋ค๋ฃน๋๋ค.
๊ธฐ๋ณธ ์์ 
FastComments๋ Markdown๊ณผ HTML์ ๊ฐ๋จํ ํ์ ์งํฉ์ ์กฐํฉํ์ฌ ๋๊ธ ์์ฑ์ ํ์ฉํฉ๋๋ค.
Markdown ๊ตฌ๋ฌธ์ ๋ํ ์ข์ ๋ฆฌ์์ค๋ ์ฌ๊ธฐ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ์์์ ๊ฒฝ์ฐ, ์์ ๋๊ตฌ ๋ชจ์์ ์ฌ์ฉํ์ฌ ํ ์คํธ๋ฅผ ๊ตต๊ฒ ๋๋ ๊ธฐ์ธ์๊ผด๋ก ๋ง๋ค ์ ์์ต๋๋ค.
๋ช ๊ฐ์ง ๊ตฌ๋ฌธ ์์:
- ๊ตต๊ฒ:
**๊ตต๊ฒ**<b>๊ตต์ ํ ์คํธ</b>
- ๊ธฐ์ธ์๊ผด:
*๊ธฐ์ธ์๊ผด*<i>๊ธฐ์ธ์๊ผด ํ ์คํธ</i>
- ์ทจ์์ :
~~์ทจ์์ ~~<strike>์ทจ์์ </strike>
- ์ธ์ฉ:
> ์ธ์ฉ
Markdown ์ ๋ชฉ์ ์ง์๋์ง ์์ต๋๋ค.
๋งํฌ๋ HTML์ด๋ ๋ค๋ฅธ ๊ตฌ๋ฌธ ์์ด ์์ URL๋ก ์์ฑํ ์ ์์ผ๋ฉฐ, ๊ธฐ๋ณธ์ ์ผ๋ก ๋งํฌ๋ ์คํจ๋จธ๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด target="nofollow noopener"๊ฐ ์๋ ํด๋ฆญ ๊ฐ๋ฅํ ๋งํฌ๋ก ๋ณํ๋ฉ๋๋ค. ์ผ๋ถ ์ฌ์ดํธ๋ ์๋ ๋งํฌ ์์ฑ์ ๋นํ์ฑํํ ์ ์์ต๋๋ค.
์์ ์๋ ๋ชฉ๋ก์ ๋ค์๊ณผ ๊ฐ์ด ์์ฑํ ์ ์์ต๋๋ค:
1. ์ฒซ ๋ฒ์งธ ํญ๋ชฉ.
2. ๋ ๋ฒ์งธ ํญ๋ชฉ.
3. ์ธ ๋ฒ์งธ ํญ๋ชฉ.๊ธ๋จธ๋ฆฌ ๊ธฐํธ ๋ชฉ๋ก๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค:
- ์ด๋ค ํฌ์ธํธ.
- ๋ค๋ฅธ ํฌ์ธํธ.ํ๋ก๊ทธ๋๋ฐ ์งํฅ ์ปค๋ฎค๋ํฐ์ ๊ฒฝ์ฐ, ๋๊ธ ์์ญ์ ์ฝ๋๋ฅผ ๋ถ์ฌ๋ฃ์ด ๊ณต์ ํ ์ ์์ผ๋ฉฐ ์ธ์ด๊ฐ ์๋์ผ๋ก ๊ฐ์ง๋์ด ์์์ด ์ง์ ๋ฉ๋๋ค. ์ฝ๋๋ <code></code> ํ๊ทธ๋ ๋ฐฑํฑ์ ์ฌ์ฉํ Markdown ์ฝ๋ ๋ธ๋ก์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
๋ณด์ 
์ฌ๋๋ค์ด ์น์ฌ์ดํธ์ ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๊ณ ๊ทธ ์ฝํ ์ธ ๋ฅผ ๋ค์ํ ์ข ๋ฅ์ ์ฅ์น์์ ๋ ๋๋งํ ๋ ๋ณด์์๋ ์ฌ๋ฌ ์ธก๋ฉด์ด ์์ต๋๋ค.
์์ ๋จ์ฉ ๋ฐฉ์ง
์ฌ๋๋ค์ ํ ์คํธ ์์์ ๋จ์ฉํ์ฌ ์๋์ ์ผ๋ก ์๊ฐ์ ์ผ๋ก ์ฐ๋งํ๊ณ ํ ๋ก ์ ๊ฐ์น๋ฅผ ๋จ์ด๋จ๋ฆฌ๋ ์ฝํ ์ธ ๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
FastComments๋ ์์ ๋จ์ฉ์ ๋ฐฉ์งํ๊ธฐ ์ํด ์ฌ๋ฌ ๊ฐ์ง ์กฐ์น๋ฅผ ์ทจํฉ๋๋ค:
- ํฐ ๋ฐ๋ณต ์ฐ์ ์ค๋ฐ๊ฟ์ด ์ถ์๋ฉ๋๋ค.
- ์ ๋ชฉ์ ๋ ๋๋งํ์ง ์์ต๋๋ค(์ผ๋ฐ ํ ์คํธ๊ฐ ๋ฉ๋๋ค).
- CSS๋ ์ฌ์ฉ์ ์ ์ ์์์ ํ์ฉํ์ง ์์ต๋๋ค.
์ต์คํ๋ก์ ๋ฐฉ์ง
HTML์ ๋ ๋๋งํ๋ ์์คํ ์์ ์ต์คํ๋ก์์ด ์์ฑ๋ ์ ์์ต๋๋ค. FastComments๋ ์ด๋ฅผ ๋ฐฉ์งํ๊ธฐ ์ํด ์ฌ๋ฌ ๊ฐ์ง ์กฐ์น๋ฅผ ์ทจํฉ๋๋ค:
- ๋ช ์์ ์ผ๋ก ์ ์๋ HTML ํ๊ทธ ์ธํธ๋ง ํ์ฉํฉ๋๋ค.
- ๋ช ์์ ์ผ๋ก ์ ์๋ HTML ํ๊ทธ ์์ฑ ์ธํธ๋ง ํ์ฉํฉ๋๋ค.
- ๋ชจ๋ ์
๋ ฅ์ ์ ํํ๊ณ ์ด๊ท ํฉ๋๋ค.
- ์ด๋ DOMPurify์ sanitizeHtml ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํตํด ์ํ๋ฉ๋๋ค.
- ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ์ ํ ์คํธ๋์๊ธฐ ๋๋ฌธ์ ์ ํํ์ต๋๋ค(๊ฐ๊ฐ ์ฃผ๋น 400๋ง ํ ์ด์ ๋ฐ 100๋ง ํ ์ด์ ๋ค์ด๋ก๋).
์ด๋ ์ฌ์ฉ์๊ฐ <script> ๋๋ <style> ํ๊ทธ๋ฅผ ์์ฑํ๊ฑฐ๋ ์ด๋ฏธ์ง๋ ๋ค๋ฅธ ์ฝํ
์ธ ์ onload=alert() ์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ถ๊ฐํ๋ ค๊ณ ํ ์ ์์์ ์๋ฏธํฉ๋๋ค.
ํ์ฉํ๋ HTML ํ๊ทธ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
<b><em><u><i><strike><pre><span><code><img><a><strong><ul><ol><li><br>