๐ UIUX ์นํผ๋ธ๋ฆฌ์
๊ณผ์ (6๊ฐ์)
2021-07-19 (98์ผ์ฐจ) toast ui ์์ฑ๋ฐฉ๋ฒ
widely design
2021. 7. 20. 00:42
TOAST UI 6~7๊ฐ
- ๊ณต์ ์ธ์ฐ๊ธฐ
<h1>๋ทฐ์ด</h1>
<div>
<script type="text/x-template">
์๊ธฐ ๋ถ๋ถ์ ๋งํฌ๋ค์ด ๋ฌธ๋ฒ์ผ๋ก ๊ธ์ฐ๊ธฐ
</script>
<div class="toast-ui-viewer"></div>
</div>
- codepen ๋ฃ๋ ๋ฐฉ๋ฒ (html, css)
์ฝ๋ํ ์ ๋ ฅ ํ > ์ฐ์ธก ํ๋จ embed๋ฒํผ ํด๋ฆญ > Iframe ํด๋ฆญ >
Make Code Editable "ON"์ผ๋ก ์ค์ > ์ฃผ์ ๋ณต์ฌ ํ, src ์์ ์๋ ์ฃผ์๋ง ์๋ผ๋ด๊ธฐ >
์ฃผ์ ๋ค์ &height=500์ ๋ถ์ฌ์ฃผ๊ธฐ(๋์ด์กฐ์ ๊ฐ๋ฅ)
``` codepen
์๊ธฐ ๋ถ๋ถ์ ์ฃผ์ ๋ถ์ฌ๋ฃ๊ธฐ
```
- codepen ๋ฃ๋ ๋ฐฉ๋ฒ (javascript, console์ฐฝ)
to2.kr/bXA ์ฌ์ดํธ ์ ์ ํ fork ํ, ์ ๋ ฅ ํ, ์์ ๋๊ฐ์ ๋ฐฉ๋ฒ์ผ๋ก ์คํ