arrow function
-
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 ํ์ดํ ํจ์(Arrow Function)
ํ์ดํ ํจ์(Arrow Function)๋ค์ด๊ฐ๋ฉฐ์๋ฐ์คํฌ๋ฆฝํธ(JavaScript)์ ํ์ดํ ํจ์(Arrow Function)์ ๋ํด ์์๋ณด์. ํ์ดํ ํจ์(Arrow Function)๊ฐ๋ ES6(ECMAScript 2015)์์ ๋์ ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ก์ด ํจ์ ์ ์ธ ๋ฐฉ์์ผ๋ฐ ํจ์ ์ ์ธ๋ณด๋ค ๊ฐ๊ฒฐํ๊ณ ์งง์ ๋ฌธ๋ฒ์ ์ ๊ณตํ์ฌ ์ฝ๋๋ฅผ ๋ ์ฝ๊ธฐ ์ฝ๊ณ ๊ฐ๊ฒฐํ๊ฒ ๋ง๋ค์ด์ค๋ค.ํ์ดํ ํจ์๋ ๊ฐ๊ฒฐํ๊ณ ์ฝ๋ฐฑ ํจ์๋ฅผ ์ฌ์ฉํ ๋ ์ ์ฉํ๋ฐ, ํนํ ๋ฐ๋ณต์ ์ธ ์ฝ๋ ์์ฑ์ ์ค์ฌ์ฃผ๋๋ฐ ๋์์ ์ค๋ค.๊ทธ๋ฌ๋ ๋ชจ๋ ์ํฉ์์ ์ฌ์ฉํด์ผ ํ๋ ๊ฒ์ ์๋๋ฉฐ, ํนํ ๋ฉ์๋ ํจ์์์๋ ์ผ๋ฐ ํจ์์์ ์ฐจ์ด์ ์ ๊ณ ๋ คํ์ฌ ์ฌ์ฉํด์ผ ํ๋ค. ๊ธฐ๋ณธ ๋ฌธ๋ฒํ์ดํ ํจ์๋ const functionName = (parameters) => { function body }..
0 2023.11.16