javascript - data ๋ณ€ํ™˜

SANGKU OHยท2020๋…„ 9์›” 20์ผ
0
post-thumbnail

์ƒํ™ฉ

๐Ÿšจ
์œ„์™€ ๊ฐ™์€ ๋ฐ์ดํ„ฐ๊ฐ€ ๋“ค์–ด์˜ค๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์ด๋‹ค.
์ด ์ค‘์—์„œ highlight: true์ธ data๋งŒ ์ฐจํŠธ์— return ํ•˜๊ณ  ์‹ถ์€ ์ƒํ™ฉ!

solution

1 try

๋‹จ์ˆœํ•˜๊ฒŒ map() ํ†ตํ•ด if(highlight) ์ธ ๊ฒฝ์šฐ๋งŒ return ํ•˜๋ ค๊ณ  ํ–ˆ์œผ๋‚˜,
if(!highlight)์˜ ๊ฒฝ์šฐ return undefined ๋ฐœ์ƒ!

2 try

  • ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์„ ์–ธํ•˜์—ฌ for๋ฌธ์„ ๋Œ๋ฉฐ highlight๊ฐ€ true์ธ ๊ฒฝ์šฐ ์ƒˆ ๋ฐฐ์—ด์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ ๋‹ด์•„์ฃผ๊ณ , ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฆฌํ„ดํ•˜๋„๋ก ํ–ˆ๋‹ค.

  • ์ƒˆ๋กœ์šด state๋ฅผ ์„ ์–ธํ•œ ํ›„ setState๋ฅผ ํ•  ๋•Œ ํ•จ์ˆ˜๋ฅผ ๊ฑฐ์ณ data๋ฅผ ์ •์ œํ•˜์—ฌ state์— ๋‹ด์•„์ฃผ์—ˆ๋‹ค.

result

๐ŸŽ‰highlight๊ฐ€ true์˜€๋˜ data๋“ค์˜ ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๊บผ๋‚ด์„œ ์ •์ œ ์„ฑ๊ณต!

profile
Prof.Google์„ ํ†ตํ•ด ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์ด ๊ณณ์— insert ๐Ÿธ

0๊ฐœ์˜ ๋Œ“๊ธ€