hoisting
-
React.js const Component vs. function Component
const Component vs. function Component๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ const Component ํํ์ ํ์ดํ ํจ์ ๋ฐฉ์๊ณผ function Component ํํ์ ํจ์ ์ ์ธ ๋ฐฉ์์ผ๋ก ์ปดํฌ๋ํธ๋ฅผ ์ ์ธํ ์ ์๋ค.์์ ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ ๋ํ ์ฐจ์ด์ ์ ์ ๋ฆฌํด๋ณธ๋ค. โ ํ์ดํ ํจ์ ๋ฐฉ์const MyComponent = () => { return( .. )} ํ์ดํ ํจ์(Arrow Function)๋ก ์์ฑํ ์ ์์ผ๋ฉฐ, ์งง์ ์ฝ๋๋ก ์์ฑํ ์ ์๋ค๋ ์ฅ์ ์ด ์๋ค.์๋ฅผ ๋ค์ด, ํ ์ค๋ก ๋ฐํํ๋ ๊ฒฝ์ฐ, return ํค์๋๋ฅผ ์๋ตํ ์ ์๋ค.const MyComponent = () => ( ... ) ์ปดํฌ๋ํธ ์ ์ธ๊ณผ ๋์์ export default..
2 2024.11.04 -
JavaScript ๋ณ์ ์ฌ์ ์ธ๊ณผ ์ฌํ ๋น (var, let, const)
๋ณ์ ์ฌ์ ์ธ๊ณผ ์ฌํ ๋น (var, let, const) ๋ค์ด๊ฐ๋ฉฐ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ณ์(var, let, const)์ ์ฌ์ ์ธ๊ณผ ์ฌํ ๋น์ ๋ํ์ฌ ์์๋ณด์. ์ฌ์ ์ธ๊ณผ ์ฌํ ๋น โ var ์ฌ์ ์ธ ๋ฐ ์ฌํ ๋น์ด ๋ชจ๋ ๊ฐ๋ฅํ๋ค. var sum = add(10, 20); console.log(sum); // 30 var sum = 100; // ์ฌ์ ์ธ (๊ฐ๋ฅ) console.log(sum); // 100 sum = 200; // ์ฌํ ๋น (๊ฐ๋ฅ) console.log(sum); // 200 ํ์ง๋ง var์ ์ฌ์ฉํ ๊ฒฝ์ฐ, ๋ค์๊ณผ ๊ฐ์ด ํธ์ด์คํ (Hoisting)์ด ๋ฐ์ํ ์ ์๋ค. var x = 10; var sum = x + y; // y ๋ณ์๊ฐ ์ ์ธ๋๊ธฐ ์ ์ ์คํ var y = 20; console.log..
1 2024.01.18