[WIL] #3

๐Ÿ‘‰๐Ÿผ KIMยท2023๋…„ 6์›” 3์ผ
0

WIL

๋ชฉ๋ก ๋ณด๊ธฐ
3/5
post-thumbnail

๐Ÿ—“ ๊ธฐ๊ฐ„: 23/5/29 ~ 23/6/3

๐Ÿ‘‰๐Ÿผ ์ด๋ฒˆ์ฃผ ๋ชฉํ‘œ

  1. <ํ˜ผ์ž ๊ณต๋ถ€ํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ> 3์ฃผ์ฐจ
  2. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ตœ์†Œ 2๋ฌธ์ œ ํ’€๊ธฐ

๐Ÿ‘‰๐Ÿผ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ ์š”์•ฝ

  • <ํ˜ผ๊ณต์Šค> ํ•จ์ˆ˜๊ณ ๊ธ‰, ๊ฐ์ฒด์˜ ๊ธฐ๋ณธ, ๊ฐ์ฒด์˜ ์†์„ฑ๊ณผ ๋ฉ”์†Œ๋“œ ์‚ฌ์šฉํ•˜๊ธฐ์ฝ๊ณ , ํ™•์ธ๋ฌธ์ œ ํ’€๊ณ  TIL์˜ฌ๋ฆฌ๊ธฐ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํ˜ผ์ž ๊ณ ๋ฏผํ•˜๋ฉฐ ํ’€์–ด๋ณด๊ธฐ!
    • ๋ฌธ์ž์—ด ๋‹ค๋ฃจ๊ธฐ ๊ธฐ๋ณธ
    • ์ž์—ฐ์ˆ˜ ๋’ค์ง‘์–ด ๋ฐฐ์—ด๋กœ ๋งŒ๋“ค๊ธฐ

๐Ÿ‘‰๐Ÿผ ์–ด๋ ค์šด ๋‚ด์šฉ

์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ‘ธ๋Š”๋ฐ for๋ฌธ์œผ๋กœ๋Š” ์–ด๋–ป๊ฒŒ ๋Œ๋ ค๋ณด๊ฒ ๋Š”๋ฐ, ๊ทธ๊ฑธ map์œผ๋กœ ๋ฐ”๊ฟ”๋ณด๋ ค๋‹ˆ ์‚ด์ง์ฟต ๋ง‰๋ง‰ํ–ˆ๋‹ค.
map ํ•จ์ˆ˜๋Š” ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ ๊ฐ ์š”์†Œ์— ์ ์šฉํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋กœ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•œ๋‹ค. for ๋ฌธ์„ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์„ ์–ธํ•˜๊ณ  ๊ฐ ์š”์†Œ๋ฅผ push ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ถ”๊ฐ€ํ•ด์•ผ ํ–ˆ์ง€๋งŒ, map ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•œ์ค„๋กœ ๊ฐ€๋Šฅํ–ˆ๋‹ค! (map๋งŒ์„ธ!)

๐Ÿ‘‰๐Ÿผ ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ๋ฅผ ์ œ๊ณฑํ•˜์—ฌ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด ์ƒ์„ฑํ•˜๊ธฐ

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = [];

for (let i = 0; i < numbers.length; i++) {
  squaredNumbers.push(numbers[i] ** 2);
}

console.log(squaredNumbers); // ์ถœ๋ ฅ: [1, 4, 9, 16, 25]
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map((num) => num ** 2);

console.log(squaredNumbers); // ์ถœ๋ ฅ: [1, 4, 9, 16, 25]

map ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐ˜๋ณต๋ฌธ์„ ๊ฐ„๊ฒฐํ•œ ์ฝ”๋“œ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ†ตํ•ด์„œ ๋‹ค์–‘ํ•œ ์ฝ”๋“œ๋ฅผ ์งœ๋ณด๊ณ  ๋งŽ์€ ์—ฐ์Šต์„ ํ†ตํ•ด ์ ์  map๊ณผ ์นœํ•ด์ ธ๋ด์•ผ๊ฒ ๋‹ค. ์šฐ์„  for๋ฌธ์œผ๋กœ ๋งŒ๋“ค๊ณ  map์œผ๋กœ ์—ฐ์Šตํ•ด๋ณด์ž!!

๐Ÿ‘‰๐Ÿผ ์ •๋ฆฌํ•œ ๋‚ด์šฉ

๐Ÿธ ย ๋Š๋‚€ ์ 

์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ’€๋ฉด์„œ ์žˆ์–ด๋นŒ๋ฆฌํ‹ฐํ•˜๊ฒŒ ์ฝ”๋“œ๋ฅผ ์งœ๊ณ  ์‹ถ์€๋ฐ, ๊ทธ๋ƒฅ ๋ฌธ์ œ ํ•˜๋‚˜ํ•˜๋‚˜๋ฅผ ์ƒ๊ฐํ•ด์„œ ์ฝ”๋“œ๋ฅผ ์งœ๊ณ  ์žˆ๋‹ค.
์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ๋ฌธ์ œ๋ฅผ ํ‘ธ๋Š”๊ฒƒ๋„ ํ‘ธ๋Š”๊ฑฐ์ง€๋งŒ ๋๊นŒ์ง€ ์Šน๋ถ€๋ด์„œ ์ด๊ฒจ๋‚ด๋Š” ๊ทผ์œก์„ ํ‚ค์šฐ๋Š” ์—ฐ์Šต์„ ํ•˜๋Š” ๊ฑฐ๋ผ๊ณ  ํ–ˆ๋‹ค. ์‹ค์ „์ฝ”๋”ฉ๊ฐ€๋ฉด ์•Œ๊ณ ๋ฆฌ์ฆ˜๋ณด๋‹ค ์–ด๋ ค์šด์ƒํ™ฉ์€ ์—†๋‹ค๋Š” ๋ฆฌ๋”๋‹˜์˜ ๋ง์”€์„ ๋“ฃ๊ณ  ํž˜์„ ์–ป์—ˆ๋‹ค!
์ฝ”๋”ฉ์ž์ฒด๋ณด๋‹ค ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ์—ฐ์Šต์ด๋ผ ์ƒ๊ฐํ•˜๋ฉฐ, ๋‹ค์Œ์ฃผ ์Šคํ„ฐ๋””์ธ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๋ฝ€๊ฐœ๋Ÿฌ ๊ฐ€์•ผ๊ฒ ๋‹ค. ํ™”์ด๋ง ๐Ÿ™‹๐Ÿผโ€โ™€๏ธ

๋‹ค์Œ์ฃผ ์˜ˆ๊ณ  ย (๋ณ„๊ฑฐ์—†์Œ ์ฃผ์˜)

  • ํ˜ผ๊ณต์Šค๋Š” ์•Œ์•„์„œ.... ์ด์ œ ์ •๋ง ํ˜ผ์ž...
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํ’€๊ธฐ (15๋ฌธ์ œ ๋‚จ์Œ ใ„ทใ„ท)
profile
ํ”„๋ก ํŠธ๋Š” ์ˆœํ•ญ์ค‘ ยฟยฟ

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