๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

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.
๋ฐ˜์‘ํ˜•