๋ฐ์ํ JavaScript168 [Vue.js] v-model v-model์ ์๋ฐฉํฅ ๋ฐ์ธ๋ฉ์ ํ ๋ ์ฌ์ฉํ๋ค. 2021. 12. 28. [Vue.js] v-on v-on์ DOM ์ด๋ฒคํธ๋ฅผ ์์ ํ ๋ ์ฌ์ฉํ๋ค. 2021. 12. 28. [Vue.js] v-bind ๋? v-bind๋ ๋ฐ์์ ์ผ๋ก html ์์ฑ์ ์ ๋ฐ์ดํธํ ๋ ์ฌ์ฉํ๋ค. 2021. 12. 28. [React] ๋ผ์ฐํ (Routing)์ด๋? ๐ฟ ๋ผ์ฐํ (Routing)์ด๋? ๋ค๋ฅธ ๊ฒฝ๋ก(url ์ฃผ์)์ ๋ฐ๋ผ ๋ค๋ฅธ View(ํ๋ฉด)๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ React ์์ฒด์๋ ์ด๋ฐ ๊ธฐ๋ฅ์ด ๋ด์ฅ๋์ด ์์ง ์๋ค. (์ด๊ฒ์ด React๊ฐ Framework ๊ฐ ์๋ Library ๋ก ๋ถ๋ฅ๋๋ ์ด์ ) ๊ทธ๋์ React์ ๋ผ์ฐํ ๊ธฐ๋ฅ์ ์ํด ๊ฐ์ฅ ๋ง์ด ์ฐ์ด๋ React-router๋ฅผ ์ฌ์ฉํ๋ค. ๐ฟ ๋ฆฌ์กํธ ๋ผ์ฐํฐ(React Router)๋? angular์ด๋ angular2, backbone ๊ฐ์ ํ๋ ์์ํฌ๋ ํ๋ ์์ํฌ์ด๊ธฐ ๋๋ฌธ์ ๋ผ์ฐํ ๊ธฐ๋ฅ์ด ๊ธฐ๋ณธ์ ์ผ๋ก ๋ค์ด์๋ค. ํ์ง๋ง React๋ View๋ง ๋ด๋นํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค. ๊ทธ๋์ ๋ผ์ฐํ ์ ๋ด๋นํ๋ react-router์ ๋ฐ๋ก ์ค์นํด์ฃผ์ด์ผ ํ๋ค. ๊ทธ๋ฆฌ๊ณ ๋ ๋์ค์ Model๊ณผ Controller๋ฅผ ๋ด๋นํ๋ ํจํค์ง๋ฅผ ์ค์นํด์ผ ํ.. 2021. 11. 24. [React] 10๊ฐ์ง Hooks Collection of sexy React Hooks ready to install with NPM - useTitle - useInput - usePageLeave - useClick - useFadeIn - useFullscreen - useHover - useNetwork - useNotification - useScroll - useTabs - usePreventLeave - useConfirm - useAxios 1. useInput useInput์ ๊ธฐ๋ณธ์ ์ผ๋ก Input์ ์ ๋ฐ์ดํธ ํ๋ค. export const useInput = (initialValue, validator) => { const [value, setValue] = useState(initialValue); const onCh.. 2021. 11. 24. [JavaScript] var, let, const ์ฐจ์ด โญ var 1. variable(๋ณ์) 2. ์ฌ์ ์ธ ๊ฐ๋ฅ ex) var a = 1; console.log(a); // 1 var a = 10; console.log(a); // 10 3. ์ฌ์ ์ธ์ด ๊ฐ๋ฅํ๊ธฐ ๋๋ฌธ์ ์ด๋ฏธ ์ ์ธํ ๋ณ์ ์ด๋ฆ์ ๋ค๋ฅธ ๊ฐ์ ๋ฃ์ด ์ ์ธํ๋ฉด ๋ค๋ฅธ ๊ฐ์ด ์ถ๋ ฅ๋๋ค. ex) var name = 'cat'; console.log(name); // cat var name = 'dog'; console.log(name); // dog 4. ์ฌํ ๋น ๊ฐ๋ฅ ex) var a = 1; console.log(a); // 1 a = 10; console.log(a); // 10 5. ํธ์ด์คํ (Hoisting) ๊ฐ๋ฅ var์ ์ ์ธ ๋จ๊ณ์ ์ด๊ธฐํ ๋จ๊ณ๊ฐ ํ๋ฒ์ ์ด๋ฃจ์ด์ง๋ค. ๐ฅ ํธ์ด์คํ (Hoisting)์ด๋?.. 2021. 11. 20. ์ด์ 1 2 3 4 5 6 7 ยทยทยท 28 ๋ค์ ๋ฐ์ํ