์ธํŒŒ

You Can Become A

๋Šฆ๊ฒŒ ์‹œ์ž‘ํ•ด๋„ ๋ˆ„๊ตฌ๋“ ์ง€ ๋…ธ๋ ฅํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ์ˆ˜ ์žˆ์–ด์š” !

์†์„ฑ ๋ณ€์ˆ˜

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค
JavaScript

๐Ÿ“š computed property ๋ฌธ๋ฒ• (๊ฐ์ฒด key๋ฅผ ๋ณ€์ˆ˜๋กœ)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ computed property ๊ธฐ์กด์—๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๋•Œ ์ •ํ•ด์ง„ ๋ฌธ์ž์—ด ์ด๋ฆ„์˜ ์†์„ฑ๋ช…์„ ์‚ฌ์šฉํ•ด์™”๋‹ค. โ€‹ํ•˜์ง€๋งŒ ์ด์ œ ES6์—์„œ๋Š” computed property๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ์ฒด๋ฅผ ์„ ์–ธํ•˜๋Š” ์ˆœ๊ฐ„์— ๋ณ€์ˆ˜๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋™์ ์ธ ํ”„๋กœํผํ‹ฐ๋ช…์„ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค. ์ฆ‰, computed property ๋ฌธ๋ฒ•์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด์˜ key ์†์„ฑ๋ช…์„ ํ‘œํ˜„์‹(๋ณ€์ˆ˜, ํ•จ์ˆ˜ ๋“ฑ)์„ ํ†ตํ•ด ์ง€์ •ํ•˜๋Š” ๋ฌธ๋ฒ•์ด๋‹ค. var kk = "id"; var a = { name : "super", [kk] : 123 // computed property } var mm = "rank"; a[mm] = '#1'; console.log(a) // {name: "super", id: 123, rank: "#1"} ์†์„ฑ์ด ์ถ”๊ฐ€๋˜์—ˆ..

category_image
์ธํŒŒ_
2021.09.21
(0)