๋ชฉ๋ก๐Ÿง‘๐Ÿป‍๐Ÿ’ป ๊ฐœ๋ฐœ๊ฐœ๋ฐœ/๊ธฐํƒ€ (10)

DevLog

์•Œ์•„๋ณด๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ ์ž‘์„ฑ๋ฒ•

โ–ถ Indentation – ๋“ค์—ฌ์“ฐ๊ธฐ Good: if (condition) { action(); } // ์ฝ”๋“œ์˜ ๋กœ์ง์ด ๋ช…ํ™•ํ•˜๊ฒŒ ์ข…์†์ ์œผ๋กœ ๋‚˜๋‰˜๋Š” ์ฝ”๋“œ๋ฅผ ์“ธ ๋•Œ, // ์ข…์†๋œ code block๋Š” ์ฃผ์ธ code block๋ณด๋‹ค ๋‘ ์นธ ๋“ค์—ฌ์“ฐ๊ธฐ ํ•ฉ๋‹ˆ๋‹ค. Bad: if (condition) { action(); } ๋“ค์—ฌ์“ฐ๊ธฐ๋ฅผ ํ•  ๋•Œ ํƒญ์ด ์•„๋‹Œ ์ŠคํŽ˜์ด์Šค๋ฅผ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค. ๋“ค์—ฌ์“ฐ๊ธฐ์™€ ๊ด€๋ จ๋œ ํƒญ๊ณผ ์ŠคํŽ˜์ด์Šค ์‚ฌ์ด์˜ ๋…ผ์Ÿ์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์„ธ๊ณ„์—์„œ๋Š” ์•„์ฃผ ์˜ค๋ž˜๋œ ๋…ผ์Ÿ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์ทจํ–ฅ์˜ ์ฐจ์ด์ผ ๋ฟ ์ด๊ฒƒ์ด ๋งž๋‹ค ํ‹€๋ฆฌ๋‹ค์˜ ๋ฌธ์ œ๋Š” ์•„๋‹ˆ์ง€๋งŒ, ๋งŽ์€ JavaScript ํ”„๋กœ์ ํŠธ์—์„œ ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ๊ฐ€ 2๊ฐœ์˜ ์ŠคํŽ˜์ด์Šค๋ฅผ ์“ฐ๊ณ  ์žˆ๊ณ , ์ ์ฐจ ๋“ค์—ฌ์“ฐ๊ธฐ ๋…ผ์Ÿ์˜ ์Šน๋ฆฌ์ž๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์ˆ˜์˜ ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ๊ฐ€ ์ง„ํ–‰์ค‘์ธ GitHub์—์„œ๋Š”, St..

Google์„๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ์œ„ํ•œ 20 ๊ฐ€์ง€ Google ๊ฒ€์ƒ‰ ํŒ

์ˆ˜๋ฐฑ๋งŒ ๋ช…์˜ ์‚ฌ๋žŒ๋“ค์ด ๋‹ค์–‘ํ•œ ์ด์œ ๋กœ ๋งค์ผ Google ๊ฒ€์ƒ‰์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ•™์ƒ๋“ค์€ ํ•™๊ต์—์„œ ์‚ฌ์šฉํ•˜๊ณ , ๋น„์ฆˆ๋‹ˆ์Šค ์‚ฌ๋žŒ๋“ค์€ ์—ฐ๊ตฌ์— ์‚ฌ์šฉํ•˜๋ฉฐ, ์ˆ˜๋ฐฑ๋งŒ ๋ช…์ด ์—”ํ„ฐํ…Œ์ธ๋จผํŠธ์— ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ๋žŒ๋“ค์€ Google ๊ฒ€์ƒ‰์„ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜์ง€ ๋ชปํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Google ๊ฒ€์ƒ‰์„๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์›ํ•˜๋Š” ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ๋น ๋ฅด๊ฒŒ ์–ป๊ณ  ์‹ถ์œผ์‹ญ๋‹ˆ๊นŒ? ๋‹ค์Œ์€ ๊ฒ€์ƒ‰ ํšจ์œจ์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•˜๊ธฐ์œ„ํ•œ 20 ๊ฐ€์ง€ Google ๊ฒ€์ƒ‰ ํŒ๊ณผ ์š”๋ น์ž…๋‹ˆ๋‹ค. 1. ํƒญ ์‚ฌ์šฉ ์ฒซ ๋ฒˆ์งธ ํŒ์€ Google ๊ฒ€์ƒ‰์—์„œ ํƒญ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ชจ๋“  ๊ฒ€์ƒ‰์˜ ์ƒ๋‹จ์—๋Š” ์—ฌ๋Ÿฌ ํƒญ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค ์›น , ์ด๋ฏธ์ง€ , ๋‰ด์Šค , ๊ธฐํƒ€... ์ด๋Ÿฌํ•œ ํƒญ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ˆ˜ํ–‰ํ•ด์•ผํ•˜๋Š” ๊ฒ€์ƒ‰ ์œ ํ˜•์„ ์ •์˜ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ ์ด๋ฏธ..

Primitive type & Reference type

๋ฌธ์ œ: ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋œ ํ›„, x.foo์˜ ๊ฐ’์€ ๋ฌด์—‡์ผ๊นŒ์š”? let x = { foo: 3 }; let y = x; y.foo = 2; // ์˜ค๋‹ต : 3 // ์ •๋‹ต : 2; ๋”๋ณด๊ธฐ ํ•ด์„ค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์›์‹œ ์ž๋ฃŒํ˜•์ด ์•„๋‹Œ ๋ชจ๋“  ๊ฒƒ์€ Object ์ž…๋‹ˆ๋‹ค. ๋ฐฐ์—ด([])๊ณผ ๊ฐ์ฒด({}), ํ•จ์ˆ˜(function(){})๊ฐ€ ๋Œ€ํ‘œ์ ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ž๋ฃŒํ˜•์„ ์ฐธ์กฐ ์ž๋ฃŒํ˜• (reference data type)์ด๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค. ์ฐธ์กฐ ์ž๋ฃŒํ˜•์ด ๋ณ€์ˆ˜์— ํ• ๋‹น๋˜๋Š” ๊ฒฝ์šฐ๋Š”, ๋ณ€์ˆ˜์— ์ด ๋ฐ์ดํ„ฐ๊ฐ€ ์ €์žฅ๋˜๋Š” ๊ณณ์˜ ์ฃผ์†Œ๊ฐ€ ํ• ๋‹น์ด ๋ฉ๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๋Š” ์‚ฌ์‹ค ์ปดํ“จํ„ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ์— ๋ฌด์–ธ๊ฐ€๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฒƒ์„ ๋ณด๋‹ค ์ธ๊ฐ„์ด ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋งŒ๋“  ๊ฐœ๋…์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€์ˆ˜์˜ ์„ ์–ธ์€ ๋ฉ”๋ชจ๋ฆฌ์— ์ž๋ฆฌ๋ฅผ ์žก๋Š” ๊ฒƒ์ด๊ณ , ๊ฐ’์˜ ํ• ๋‹น์€ ๋ฉ”๋ชจ๋ฆฌ์— ๊ฐ’์„ ์ฑ„์šฐ๋Š” ๊ฒƒ์ด..