๋จผ์ ์จ๋ณด๊ณ ์ถ๋ค๋ฉด ์ฌ๊ธฐ๋ก
๊ทธ๋์ ์ค๋นํ์ต๋๋ค. ๋น์ ์ ์ํ โฆ ๋งํฌ๋ค์ด/์ง๋ผ ๋ณํ๊ธฐ
์ปจํ๋ฃจ์ธ์ค๋ ๊ตฌ๋ฆฝ๋๋ค.
๋ง์ด๋ค ์ฌ์ฉ ํ์๊ฒ ์ง๋ง โฆ ์ ํฌ ํ์ฌ์์๋ ๋ฌธ์ ์์ฑ ๋ฐ ํฐ์ผ ๋ฐํ์ Jira, Confluence๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์๋์ ๊ฐ์? ๋ถ๋ฝ์ต๋๋คโฆ
๋ ธ์ ์ ์ํฅ์ผ๋ก ๋งํฌ๋ค์ด ๋ฌธ๋ฒ์ ๋ง์ ์ฌ๋๋ค์ด ์ต์ํด์ ธ ์๋๋ฐ ๋ฐํด ์ปจํ๋ฃจ์ธ์ค ์ํค ๋งํฌ์ ์๋ ์ต์ํด์ง๊ธฐ ์ฝ์ง ์์์ต๋๋ค.
๊ฐ์ง ์ ์์ผ๋ฉด ๋ถ์ด๋ผ
์ต์ํด์ง ์ ์๋ค๋ฉด ์์ฐ๋ฉด ๋ฉ๋๋ค. npm์ jira2md ํจํค์ง๋ฅผ ๋ฐ๊ฒฌํ๊ณ , ์ฌ๋งํ Github-Flavored Markdown ๋ฌธ๋ฒ์ Jira ๋ฌธ๋ฒ์ผ๋ก ๋ณํํด์ค์ ํ์ธํ์ต๋๋ค.
jira-markdown์ ์ค์๊ฐ ๋ณํํด์ฃผ๋ ์ฌ์ดํธ๊ฐ ์๊ธด ํ์ง๋ง, ์ฝ๋ ์๋ํฐ ๋ฌธ์ ๋ก ํ๊ธ ์ ๋ ฅ์ ๋ฌธ์ ๊ฐ ์๊ณ .. ์ฌ์ค jira ๋ฌธ๋ฒ์ ๋์ผ๋ก ๋ณด๊ณ ์ถ์๊ฑด ์๋๊ธฐ์ ๊ทธ ๋์ ๋งํฌ๋ค์ด ๋ทฐ์ด๋ฅผ ๋ฃ๊ธฐ๋ก ํ์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ
๋งํฌ๋ค์ด ์
๋ ฅ์ ๋งํฌ๋ค์ด ์ถ๋ ฅ์ผ๋ก ๋ฐ๊พธ์ด์ฃผ๋ ๊ณผ์ ์ ์ฌ๋ฌ ๋ธ๋ก๊ทธ ์์ฑ ๊ณผ์ ๊ณผ ๋์ผํฉ๋๋ค.
๋ฆฌ์กํธ ํ๊ฒฝ์ ์ฌ๋ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์์ง๋ง, ์ด๋ฒ์๋ dangerouslySetInnerHTML
ํ์ง ์๋ React-markdown
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค.
๊ธฐ๋ณธ ๋งํฌ๋ค์ด์๋ GFM(Github-Flavored Markdown)๊ณผ๋ ๋ค๋ฅธ ์ ๋ค์ด ์กฐ๊ธ ์กด์ฌํฉ๋๋ค. ์๋ง ์ต์๋์ธ์ ์ฌ์ฉํด๋ณด์ ๋ถ๋ค์ด๋ผ๋ฉด ์ด๋ฏธ ๋์น์ฑ์ จ์ ์ ๋ ์์ต๋๋ค.
GFM์์๋ ๋ค์๊ณผ ๊ฐ์ ๋ฌธ๋ฒ ์ฐจ์ด๊ฐ ์๋๋ฐ,
- Tables:
|---|
์ ํตํด ํ ์ด๋ธ ์์ฑ์ด ๊ฐ๋ฅํฉ๋๋ค. - Task lists:
- [ ]
์ ํตํด ๋ฆฌ์คํธ ์์ ์ฒดํฌ๋ฐ์ค ์ถ๊ฐ๊ฐ ๊ฐ๋ฅํฉ๋๋ค. - Fenced Code Blocks:
```javascript
๋ฐฑํฑ 3๊ฐ์ ์ธ์ด๋ฅผ ์ถ๊ฐํด ์ฝ๋ ๋ธ๋ญ์ ์ถ๊ฐํ๋ ๊ฒ ๋ํ GFM์ ๋ฌธ๋ฒ์ ๋๋ค.
react-markdown์ remark๋ rehype ํ๋ฌ๊ทธ์ธ์ ์ง์ํฉ๋๋ค. remark๋ ๋งํฌ๋ค์ด ๋ณํ์ ์์ด ํ๋ฌ๊ทธ์ธ ์ถ๊ฐ๋ฅผ ๋์์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฐ๋ฐ์, remark-gfm์ ์ฌ์ฉํด์ gfm ๋ฌธ๋ฒ์ ์ง์ํ์ต๋๋ค.
๋ธ๊น
ํ ์ด ํ๋ก์ ํธ๋ก ๋ฒ์ ๋งํ ๊ฒ์ด ์๋ค๊ณ ํญ์ ์๊ฐํ๊ณ ์์ต๋๋ค. nextjs ํ๋ก์ ํธ๊ธฐ ๋๋ฌธ์ vercel์ ๋ฐ๋ก ์ํฌํธ ํด์ ๋ฐฐํฌํ๊ณ analytics ๋ฌ ์ ์์์ต๋๋ค. ์๋ธ๋๋ฉ์ธ์ https ์ธ์ฆ์ ๋ฐ์์ฃผ๋ ์๋๋ ์์ ์ ๋๋ค.
๋ง์ด ์จ์ฃผ์ธ์. ์ฌ์ค ๊ณ ์ ์ฌ์ฉ์ ํ๋ช ์ด ์์ด์ ๊ด์ฐฎ๊ธด ํ์ง๋ง ์ฌ์ฉ ์ค ๋ถํธํจ์ด๋ ๊ฐ์ ์ ์ด ๋์ ๋ณด์ด์ ๋ค๋ฉด ์ธ์ ๋ ์ง ๊นํ๋ธ ์ด์๋ ๋๊ธ๋ก ์๋ ค์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.