
[react] markdown editor, viewer ๊ตฌํํ๊ธฐ
ยท
๐ฅ๏ธ react
๋ฆฌ์ํธ.. js, html, css ์ด ์ค ๊ทธ ์ด๋ ๊ฒ๋ ๋ฐฐ์ด ์ , ์ ํ ์ ์์์ง๋ง... ๊ต์ฅํ ์งง์ ์๊ฐ์ ๋ฆฌ์ํธ๋ฅผ ๊ณต๋ถํด์ผ๋ง ํ๋ค. ์ฃผ์ด์ง ์๊ฐ์ js๋ถํฐ ๋ฐฐ์ฐ๊ณ , ์ฐจ๊ทผ์ฐจ๊ทผ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ๊ณต๋ถํ๋ค. ํ์ง๋ง.... ์ ๋๋ก ์ดํดํ๊ณ , ์ค์ ์ ์ฌ์ฉํ๊ธฐ์๋ ์์ ๊ฐ๊ณผ ์ง์์ด ํฑ์์ด ๋ถ์กฑํ๋ค. ์ด๋ฒ ํ๋ก์ ํธ๋ฅผ ๋์๋ณด๋ฉด ๊ฑฐ์ ์ค์ ์ ๋ถ๋ชํ๋ฉฐ ๋ฐฐ์ ๋ ๊ฒ ๊ฐ๋ค. ๊ทธ ์ค ๋ฆฌ์ํธ๋ก ๋งํฌ๋ค์ด ์๋ํฐ์ ๋ทฐ์ด ๊ตฌํํ๋ ๋ถ๋ถ์ ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํ๋ค. ๋๋ฌด๋ ๋คํํ ๋ง์ ์ฌ๋๋ค์ด ํฌ์คํ
์ ํด๋์๊ณ , ๋๋ฌด๋ ํธ๋ฆฌํ ํจํค์ง๊ฐ ์์๊ธฐ์ ์์ฃผ ์ฝ๊ณ ๊ฐ๋จํ๊ฒ ์ฌ์ฉํ ์ ์์๋ค. ๋ฌผ๋ก ๋ทฐ์ด๋ฅผ ํ๋ ๊ฒ์ ์์ด ์์ฃผ ์ค๋ ์๊ฐ ์ฝ์ง์ ํ๋ค๋ ๊ฒ...์ ์์ง ๋ชปํ ๊ฒ ๊ฐ๋ค...ํํ 1. install npm i @uiw/react-md-edito..