react
-
[React]๋ฆฌ์กํธ์์ react-draft-wysiwyg , DraftJS ์ฌ์ฉํ์ฌ ์๋ํฐ(Editor) ์ ์ฉ ํ Redux๋ก ์ํ๊ด๋ฆฌํ๊ธฐReact 2020. 8. 31. 23:32
โ ๊ฐ์ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ๋ ๊ธฐํ ๊ฒ์๊ธ์ ์ธ ๋ textarea๋ก ์์ฑ์ ํ๋ฉด ๋ง์ด ๋ฐ๋ฐํ๊ณ , ๊ธฐ๋ฅ์ ์ผ๋ก ๋ง์ ๊ตฌํ์ ํ๊ธฐ ํ๋ญ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๊ธ์ฐ๊ธฐ๊ฐ ํ์ํ๊ณ ๊ฒ์๊ธ์ ๋ง๋ค ๋ ์คํ์์ค ์๋ํฐ๋ค์ ์ฌ์ฉํ์ฌ ์ข ๋ ๋ง์ ๊ธฐ๋ฅ์ ๊ฒ์๊ธ์ ์์ฑํ ์๊ฐ ์์ต๋๋ค. ๋ง์ ์คํ์์ค ์๋ํฐ๋ค ์ค์ react-draft-wysiwyg(๋ฆฌ์กํธ๋๋ํํธ์์ง์ ) ์๋ํฐ๋ฅผ ์ฌ์ฉํด๋ดค์ต๋๋ค. ๋ค๋ฅธ ์คํ์์ค ๊ธฐ๋ฐ ๋ฆฌ์กํธ ์๋ํฐ์ ์ข ๋ฅ๋ฅผ ์ฌ์ฉํด๋ณด๊ณ ์ถ์ผ๋ฉด ์ฐธ๊ณ ์ฌ์ฉํ๋ฉด์ react-draft-wysiwyg์ ์ฅ์ ์ ๊ธฐ๋ณธ์ ์ธ ์ฌ์ฉ์ ์ฝ๊ณ , ์ ๋ช ํ ํ์ด์ค๋ถ์์ ๊ด๋ฆฌํ๋ ์๋ํฐ์ธ draft.js๋ฅผ ์ฌ์ฉํ๊ธฐ ์ฝ๊ฒ ๋ฆฌ์กํธ๋ก ๊ตฌ์ฑํ ๊ฒ์ ๋๋ค. ํ์ง๋ง, ๊ธฐ๋ฅ์ ์ผ๋ก ๋ํ ์ผ์ด ๋ถ์กฑํ๋ค๋ ์ ์ด ์๋ค๊ณ ๋๊ผ์ต๋๋ค. ์๋ฅผ ๋ค์ด, ํ๊ธ์ ์ ๋ ฅํ ๋ ๋ฐ..
-
[React] ๋ฆฌ์กํธ์์ react-moment, moment.js ์ฌ์ฉํ์ฌ ์ค์๊ฐ์ผ๋ก ๋ณ๊ฒฝ๋๋ ์๊ฐ ๋ง๋ค๊ธฐReact 2020. 8. 23. 16:30
Moment.js๋ ํ์ฌ ์ ์ง ๊ด๋ฆฌ ๋ชจ๋์ ์๋ ๋ ๊ฑฐ์ ํ๋ก์ ํธ์ ๋๋ค. ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค. (์ฐธ๊ณ ) ๋ค๋ฅธ ๋์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (2023.02.25 ์์ ) โ moment.js moment.js๋ ์๊ฐ์ด ํฌํจ๋ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ์กฐ์ํด์ผ ํ ๊ฒฝ์ฐ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ํธ๋ฆฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ์คํฐ๋๋ฅผ ๋ชจ์งํ๋ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค ๋ ์ฌ์ฉํ์์ต๋๋ค. ํ์ฌ ์๊ฐ์ ๋ฐ๋ผ์ ์คํฐ๋ ์ ์ฒญ ๋ง๊ฐ, ์ ์ฒญ์ค์ธ์ง ์ ๋ฐ๋ผ ์ค์๊ฐ์ผ๋ก ๋ณ๊ฒฝ์ด ๋๊ฒ ๋ง๋๋ ๊ฒ์ด ๋ชฉํ์๊ธฐ ๋๋ฌธ์ moment.js๋ฅผ ์ฌ์ฉํ์์ต๋๋ค. moment.js๋ ์๋ ๋ง์ด ์ฌ์ฉ๋๊ธฐ ๋๋ฌธ์ ๊ณต์ ๋ฌธ์ ๋ฟ๋ง ์๋๋ผ ์ ์ค๋ช ๋ ๋ธ๋ก๊ทธ๋ค์ด ๋ง์ด ์กด์ฌํ๊ธฐ ๋๋ฌธ์ moment.js๋ฅผ ์ฌ์ฉํ๋ ์์ธํ ๋ฐฉ๋ฒ์ ์๋ตํ๊ฒ ์ต๋๋ค. ๐ธ moment ๋ผ์ด๋ธ..
-
๐ SPA(์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ )React 2020. 7. 26. 19:03
โ ๋ผ์ด๋ ํธ๋ฆฝ ์ ํ๋ฆฌ์ผ์ด์ (round-trip) ์ค๋ซ๋์ ์น ์ฑ์ ๋ผ์ด๋ ํธ๋ฆฝ ๋ชจ๋ธ์ ๋ฐ๋๋ค. ๋จผ์ ๋ธ๋ผ์ฐ์ ๋ ์ฒซ HTML ํ์ด์ง๋ฅผ ์๋ฒ์ ์์ฒญํ๊ณ ์์ ํ๊ณ ๋งํฌ ํด๋ฆญ์ด๋ ํผ ์ ์ถ ๋ฑ ์ฌ์ฉ์์ ํ์๊ฐ ์ผ์ด๋๋ฉด, ๋ธ๋ผ์ฐ์ ๋ ๋ค์ ์์ ํ ์๋ก์ด HTML ์ฝํ ์ธ ๋ฅผ ์์ฒญํ๊ณ ์์ ํ๋ค. ์ด๋ฐ ๋ฐฉ์์ ์ ํ๋ฆฌ์ผ์ด์ ์์ ๋ธ๋ผ์ฐ์ ๋ ๋ณธ์ง์ ์ผ๋ก HTML ์ฝํ ์ธ ์ ๋ ๋๋ง ์์ง์ผ ๋ฟ์ด๋ฉฐ, ๋ชจ๋ ์ ํ๋ฆฌ์ผ์ด์ ๋ก์ง๊ณผ ๋ฐ์ดํฐ๋ ์๋ฒ์ ์กด์ฌํ๋ค. ๋ธ๋ผ์ฐ์ ๋ ์ผ๋ จ์ stateless(๋ฌด์ํ) HTTP ์์ฒญ์ ๋ณด๋ด๊ณ ์๋ฒ๋ ๊ทธ์ ๋ฐ๋ผ HTML ๋ฌธ์๋ฅผ ๋์ ์ผ๋ก ์์ฑํด ์ฒ๋ฆฌํ๋ ์์ด๋ค. ์น ๋ธ๋ผ์ฐ์ ์ ์ฌ์ฉ๋ฅ ์ด ๋ฎ์ ๋์ ๋ค์ํ ์ข ๋ฅ์ ํด๋ผ์ด์ธํธ๋ฅผ ์ง์ํ ๋ ๋ผ์ด๋ ํธ๋ฆฝ ๋ฐฉ์์ ์น ๊ฐ๋ฐ์ ๋ง์ด ์ฑํํ๋ค. โ ๋ผ์ด๋ ํธ๋ฆฝ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋จ์ ..