[JavaScript] arrow function ์ค‘๊ด„ํ˜ธ ์ƒ๋žต, map, ๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น
ยท
Language/JavaScript
๊ตฐ ํ•ด์ปคํ†ค ํ”„๋กœ์ ํŠธ ์ค‘ ์ œ๋ชฉ์˜ 3๊ฐ€์ง€ ๋ฌธ๋ฒ•(ํŠนํžˆ map๋ฉ”์†Œ๋“œ)์„ ํ•œ๋ฒˆ์— ํ™œ์šฉํ•œ ์ฝ”๋“œ๋ฅผ ๋ณด๊ณ  ํ˜ผ๋ž€์ด ์˜จ ์ ์ด ์žˆ์–ด์„œ ์ด๋ฅผ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ์ค‘๊ด„ํ˜ธ ์—†์ด ์ž‘์„ฑํ•œ ์ฝ”๋“œresult.map(({ userKey }) => userKey)result.map(({ userKey: userKey }) => { return userKey; });์ฒซ๋ฒˆ์งธ ์ฝ”๋“œ๋Š” ์ค‘๊ด„ํ˜ธ๋ฅผ ์ƒ๋žตํ•˜๋ฏ€๋กœ์„œ ์•”๋ฌต์ ์œผ๋กœ userKey๊ฐ€ ๋ฐ˜ํ™˜์ด ๋œ๋‹ค. return userKey๋ฅผ ์ƒ๋žตํ•œ ๊ฒƒ ๋‘๋ฒˆ์งธ์ค„์˜ ์ฝ”๋“œ๋Š” ์ฒซ๋ฒˆ์งธ ์ค„์˜ ์ฝ”๋“œ๋ฅผ  ํ’€์–ด์„œ ์ ์€๊ฑด๋ฐ ์ค‘๊ด„ํ˜ธ๋ฅผ ๋„ฃ์—ˆ์œผ๋ฏ€๋กœ return์„ ๋ช…์‹œํ•ด์ค˜์•ผํ•œ๋‹ค. map์€ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ์ ์šฉํ•œ ์š”์†Œ๋ฅผ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.์ธ์ˆ˜๋กœ ๋ฐ›์€ ๊ฐ์ฒด์— userKey๋ผ๋Š” ํ”„๋กœํผํ‹ฐ๊ฐ€ ์žˆ์œผ๋ฉด ํ•ด๋‹น ํ”„๋กœํผํ‹ฐ์˜ ๊ฐ’์„ userKey๋ผ๋Š” ๋™์ผํ•œ ์ด..
Javascript ์ฝ”๋“œ๋ฅผ HTML ํŽ˜์ด์ง€์—์„œ ์ถœ๋ ฅํ•˜๊ธฐ
ยท
Language/JavaScript
Javascript ์ฝ”๋“œ๋ฅผ HTML ํŒŒ์ผ์—์„œ Text๋กœ ์ถœ๋ ฅํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด์ž ๐ŸŽจHTML & CSS ์ž‘์—…Javascript ์ฝ”๋“œ๋ฅผ ์ถœ๋ ฅํ•  HTML ํŒŒ์ผ์ด ๋จผ์ € ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์—,HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ ํŒŒ์ผ์˜ bodyํƒœ๊ทธ ์•ˆ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•ด์ฃผ์—ˆ๋‹ค.  Printing Javascript Output Value: ๋‹ค์Œ์€ css ์ž‘์—…์ธ๋ฐ ๋‚ด์šฉ ๋ณด๊ธฐ ์ข‹์œผ๋ผ๊ณ  ํ•˜๋Š” ๊ฑฐ๋ผ ์Šคํ‚ตํ•ด๋„ ๋ณ„ ์ƒ๊ด€์€ ์—†๋‹ค#explainText{ color: navy; font-size: 20px; margin-bottom: 15px;}#printingBox{ width: 850px; height: 400px; b..