const
-
- [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