Freecodecamp: ๊ฐ์ฒด ์ง€ํ–ฅ ๋ฐ ํ•จ์ˆ˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ์žฌ ์ž‘์„ฑ์ด ์ ˆ์‹คํžˆ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค!

์— ๋งŒ๋“  2016๋…„ 06์›” 27์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: freeCodeCamp/freeCodeCamp

์ง€๋„ ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ

์ด ๊ฒฝ์œ ์ง€์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์™„์ „ํžˆ ๋ถ€์ ์ ˆํ•ฉ๋‹ˆ๋‹ค. ์ฝ์Šต๋‹ˆ๋‹ค.

map ๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด์„ ๋ฐ˜๋ณตํ•˜๋Š” ํŽธ๋ฆฌํ•œ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ์‚ฌ์šฉ ์˜ˆ์ž…๋‹ˆ๋‹ค.

var timesFour = oldArray.map(function(val){
 return val * 4;
});

map ๋ฉ”์†Œ๋“œ๋Š” ๋ฐฐ์—ด์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ โ€‹โ€‹๋ฐ˜๋ณตํ•˜์—ฌ ์ฝœ๋ฐฑ ํ•จ์ˆ˜์— ์˜ํ•ด ์ˆ˜์ • ๋œ ๊ฐ’์œผ๋กœ ์ƒˆ ๋ฐฐ์—ด์„ ๋งŒ๋“ค๊ณ ์ด๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์›๋ž˜ ๋ฐฐ์—ด์€ ์ˆ˜์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด ์˜ˆ์—์„œ ์ฝœ๋ฐฑ์€ ๋ฐฐ์—ด ์š”์†Œ (val ์ธ์ˆ˜)์˜ ๊ฐ’๋งŒ ์‚ฌ์šฉํ•˜์ง€๋งŒ ์ฝœ๋ฐฑ์—๋Š” ์ž‘๋™์ค‘์ธ ์ธ๋ฑ์Šค ๋ฐ ๋ฐฐ์—ด์— ๋Œ€ํ•œ ์ธ์ˆ˜๋„ ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ์€ ์‹ค์ œ๋กœ ๊ตฌ๋ฌธ, map ๋ฉ”์†Œ๋“œ๊ฐ€ ์ƒ์„ฑํ•˜๋Š” ๊ฒฐ๊ณผ๋ฅผ ์„ค๋ช…ํ•˜์ง€ ์•Š์œผ๋ฉฐ ๋…์ž๊ฐ€ CSspeak๋ฅผ ๋งํ•˜๊ณ  ๋งŽ์€ ์•”์‹œ ์ ์—†๋Š” ๊ฒƒ๋“ค์„ ํ•ด๋…ํ•˜๋„๋ก ์š”๊ตฌํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋…์ด ์–ด๋ ต ๊ธฐ ๋•Œ๋ฌธ์ด ์•„๋‹ˆ๋ผ ์ˆ˜์—…์ด ์ œ๋Œ€๋กœ ๊ตฌ์„ฑ๋˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— _ ๊ฐ์ฒด ์ง€ํ–ฅ ๋ฐ ํ•จ์ˆ˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ _ ์„น์…˜์˜ ๋‚ด์šฉ์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด ๊ณ ๊ตฐ๋ถ„ํˆฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ์ดํ•ดํ•  ์ˆ˜์žˆ๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘์„ฑ๋œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด Crockford, Eloquent JS ๋ฐ Codeacademy๋ฅผ โ€‹โ€‹์–ธ๊ธ‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ๋ถ€์กฑํ•จ์„ ์šฉ์„œํ•˜์‹ญ์‹œ์˜ค. ์žฌ ์ž‘์„ฑ์ด ํ•„์š”ํ•˜๋‹ค๋Š” ์ œ ์ œ์•ˆ์ด ์ฑ„ํƒ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

first timers only help wanted

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋„์ „์€ ์ถฉ๋ถ„ํžˆ ๋ถ„๋ช…ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค
... ๊ทธ๋ฆฌ๊ณ ์ด ์‹œ์ ์—์„œ ์šฐ๋ฆฌ๋Š” Read-Search-Ask์— ์ต์ˆ™ํ•ด ์ ธ์•ผํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  5 ๋Œ“๊ธ€

/ cc @ FreeCodeCamp / ์ด์Šˆ ์ค‘์žฌ์ž

๋‹ค์‹œ # 9404์—์„œ ์–ธ๊ธ‰ํ–ˆ๋“ฏ์ด ์šฐ๋ฆฌ๋Š” ๋ณด์ถฉ MDN ๋งํฌ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์ด๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ๋‹ค์‹œ ์ž‘์„ฑ ๋  ์ˆ˜ ์žˆ๋Š”์ง€ ๋ด…์‹œ๋‹ค.

๋„์ „์€ ์ถฉ๋ถ„ํžˆ ๋ถ„๋ช…ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค
... ๊ทธ๋ฆฌ๊ณ ์ด ์‹œ์ ์—์„œ ์šฐ๋ฆฌ๋Š” Read-Search-Ask์— ์ต์ˆ™ํ•ด ์ ธ์•ผํ•ฉ๋‹ˆ๋‹ค.

@manicmarvin ํ”ผ๋“œ๋ฐฑ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. oldArray ๊ฐ€ ๋ฌด์—‡์ธ์ง€, .map ํ•จ์ˆ˜๊ฐ€ ๋ฌด์—‡์„ ๋ฐ˜ํ™˜ํ•˜๋Š”์ง€ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด ์˜ˆ์ œ ์ฝ”๋“œ๋ฅผ ์•ฝ๊ฐ„ ํ™•์žฅ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

var oldArray = [1, 2, 3];
var timesFour = oldArray.map(function(val){
  return val * 4;
});
console.log(timesFour); // returns [4, 8, 12]
console.log(oldArray);  // returns [1, 2, 3]

์ด ์ค„ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ณ€๊ฒฝํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

"<blockquote>var oldArray = [1, 2, 3];<br>var timesFour = oldArray.map(function(val){<br>&nbsp;&nbsp;return val * 4;<br>});<br>console.log(timesFour); // returns [4, 8, 12]<br>console.log(oldArray);  // returns [1, 2, 3]</blockquote>",

์ด๋Ÿฌํ•œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ ์–ด๋–ป๊ฒŒ ์ƒ๊ฒผ๋Š”์ง€

image

๊ธฐ์—ฌ์ž์—๊ฒŒ์ด ๋ฌธ์ œ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์ „์— ๋จผ์ € ๊ธฐ์—ฌ ๊ฐ€์ด๋“œ ๋ผ์ธ์„ ์ฝ์–ด ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๋„์›€์— ๋Œ€ํ•ด ๊ถ๊ธˆํ•œ ์ ์ด ์žˆ์œผ๋ฉด Contributors Help ๋Œ€ํ™”๋ฐฉ์„ ๋ฐฉ๋ฌธํ•˜์‹ญ์‹œ์˜ค. ์ €ํฌ๊ฐ€ ๋„์™€ ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

@erictleung ์ •๋ง ๋ช…ํ™•ํ•ฉ๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๊ดœ์ฐฎ๋‹ค๋ฉด ์ด๊ฑธ ์ฒซ ๋ฒˆ์งธ ์ž ์žฌ์  ์ธ ์ปค๋ฐ‹์œผ๋กœ ์‚ผ๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰