๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ํด๋ฆฐ์ฝ”๋“œ13

ํด๋ฆฐ์ฝ”๋“œ Day 12. ๊ฐ์ฒด์™€ ์ž๋ฃŒ๊ตฌ์กฐ โœ… ์ด ํฌ์ŠคํŒ…์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋” ๋ถํด๋Ÿฝ 'ํด๋ฆฐ ์ฝ”๋“œ' ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ž‘์„ฑํ•˜๋Š” TIL์ด๋ฉฐ, ์ถœ์ฒ˜๋Š” Clean Code์ž…๋‹ˆ๋‹ค. ๐Ÿ“š ๋ฒ”์œ„ : ~06. ๊ฐ์ฒด์™€ ์ž๋ฃŒ๊ตฌ์กฐ ๐Ÿ““ ์ฑ…์—์„œ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์„ ์จ๋ณด์„ธ์š”. ์ถ”์ƒ์ ์ธ ๊ฐœ๋…์ด ์ข‹๋‹ค ๐Ÿ‘ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ์กฐํšŒ, ์ˆ˜์ •ํ•˜๊ธฐ ์–ด๋ ค์›€ ์˜์กด์„ฑ์„ ์ค„์—ฌ์คŒ variable ๊ณต๊ฐœํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์˜ ์žฅ์  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๋ณ€์ˆ˜์— ์˜์กดํ•˜๋Š” ๊ฒƒ์„ ๋ง‰์•„์ค€๋‹ค. ๋””๋ฏธํ„ฐ ๋ฒ•์น™ module์€ ์ž์‹ ์ด ์กฐ์ž‘ํ•˜๋Š” ๊ฐ์ฒด์˜ ๋‚ด๋ถ€๋ฅผ ๋ชฐ๋ผ์•ผ ํ•œ๋‹ค. ๊ฐ์ฒด = ์ž๋ฃŒ๋ฅผ ๊ฐ์ถฐ์ฃผ๊ณ , ํ•จ์ˆ˜๋งŒ ๊ณต๊ฐœํ•œ๋‹ค. ๊ฐ์ฒด์ง€ํ–ฅ vs ์ ˆ์ฐจ์ง€ํ–ฅ ์ƒˆ๋กœ์šด ์ž๋ฃŒ ํƒ€์ž… ์ถ”๊ฐ€ - ๊ฐ์ฒด์ง€ํ–ฅ ์œ ๋ฆฌ ์ƒˆ๋กœ์šด ๋™์ž‘ ์ถ”๊ฐ€ - ์ž๋ฃŒ๊ตฌ์กฐ, ์ ˆ์ฐจ ์ง€ํ–ฅ ์œ ๋ฆฌ โœ๐Ÿป ์˜ค๋Š˜ ์ฝ์€ ์†Œ๊ฐ์€? ๋– ์˜ค๋ฅด๋Š” ์ƒ๊ฐ์„ ๊ฐ€๋ณ๊ฒŒ ์ ์–ด๋ณด์„ธ์š”. ์˜ค๋Š˜์€ ์ด๋•Œ๊นŒ์ง€ ์ฝ์—ˆ๋˜ ๋ถ€๋ถ„ ์ค‘์— ๊ฐ€์žฅ ์ดํ•ด๊ฐ€ ์–ด๋ ค์šด.. 2022. 5. 4.
ํด๋ฆฐ์ฝ”๋“œ Day 11. ํ˜•์‹ ๋งž์ถ”๊ธฐ โœ… ์ด ํฌ์ŠคํŒ…์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋” ๋ถํด๋Ÿฝ 'ํด๋ฆฐ ์ฝ”๋“œ' ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ž‘์„ฑํ•˜๋Š” TIL์ด๋ฉฐ, ์ถœ์ฒ˜๋Š” Clean Code์ž…๋‹ˆ๋‹ค. ๐Ÿ“š ๋ฒ”์œ„ : ~05. ํ˜•์‹ ๋งž์ถ”๊ธฐ ๐Ÿ““ ์ฑ…์—์„œ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์„ ์จ๋ณด์„ธ์š”. ์ฝ”๋“œ ํ˜•์‹ === ์˜์‚ฌ์†Œํ†ต ์ข‹์€ ํ˜•์‹์œผ๋กœ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ• ์ƒˆ ๊ฐœ๋…์„ ์‹œ์ž‘ํ•  ๋•Œ๋Š” ๋นˆ ํ–‰ ๋„ฃ๊ธฐ ๋ฐ€์ ‘ํ•œ ๋‚ด์šฉ์€ ๊ฐ€๊นŒ์ด (์„ธ๋กœ ๊ฑฐ๋ฆฌ๊ฐ€ ๊ฐ€๊น๊ฒŒ ์ž‘์„ฑ) instance ๋ณ€์ˆ˜ ⇒ class ๋งจ ์ฒ˜์Œ์— ์„ ์–ธ a ํ•จ์ˆ˜๊ฐ€ b ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค๋ฉด ๋‘˜์„ ๊ฐ€๊น๊ฒŒ, ๋˜๋„๋ก a๋ฅผ b๋ณด๋‹ค ๋จผ์ € ์ž‘์„ฑ ๊ฐœ๋… ์นœํ™”๋„ โฌ† ⇒ ๊ฐ€๊นŒ์ด! (์ข…์† ํ•จ์ˆ˜, ๋ณ€์ˆ˜ - ๋ณ€์ˆ˜ ์‚ฌ์šฉ ํ•จ์ˆ˜, ๋น„์Šทํ•œ ๋™์ž‘ ์ˆ˜ํ–‰) ๋“ค์—ฌ ์“ฐ๊ธฐ ์ž˜ํ•˜๊ธฐ Team์ด ์žˆ๋‹ค๋ฉด Team ๊ทœ์น™ ์ •ํ•˜๊ณ  ๊ทธ์— ๋”ฐ๋ฅด๊ธฐ, ๊ฐœ์ธํ–‰๋™ํ•˜์ง€ ์•Š๊ธฐ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ์ฝ๊ธฐ ์‰ฝ๊ฒŒ, ๊ทœ๊ฒฉํ™”ํ•ด์„œ ์ž‘์„ฑ (์žฌ ์‚ฌ์šฉ์„ฑโฌ†) โœ๐Ÿป.. 2022. 5. 3.
ํด๋ฆฐ์ฝ”๋“œ Day 8-9. ๋”๋Ÿฌ์šด ์ฝ”๋“œ ๊ณ ์น˜๊ธฐ โœ… ์ด ํฌ์ŠคํŒ…์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋” ๋ถํด๋Ÿฝ 'ํด๋ฆฐ ์ฝ”๋“œ' ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ž‘์„ฑํ•˜๋Š” TIL์ด๋ฉฐ, ์ถœ์ฒ˜๋Š” Clean Code์ž…๋‹ˆ๋‹ค. ๐Ÿ“š ๋ฏธ์…˜ : ์˜ˆ์‹œ์˜ ๋”๋Ÿฌ์šด ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๊ณ  ๊ณ ์นœ ์ด์œ ์™€, ๋ฐฐ์šด ์  ์ ์–ด๋ณด๊ธฐ ๐Ÿ”ฅ Mission 1 1. BAD ๋”๋Ÿฌ์šด ์ฝ”๋“œ ๐Ÿ˜ฃ Hintโ• : ๊ฒ€์ƒ‰ํ•˜๊ธฐ ์‰ฌ์šด ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜์„ธ์š”. blastOFF๋Š” ๋กœ์ผ“ ๋ฐœ์‚ฌ๋ฅผ ์˜๋ฏธ. 86400000์€ ํ•˜๋ฃจ์˜ ๋ฐ€๋ฆฌ์ดˆ (milliseconds) ์˜๋ฏธ. // What the heck is 86400000 for? setTimeout(blastOff, 86400000); 2. GOOD ๐Ÿ˜Ž ์œ„ ์ฝ”๋“œ๋ฅผ ๊นจ๋—ํ•˜๊ฒŒ ๋‹ค์‹œ ์ž‘์„ฑํ•ด ์ฃผ์„ธ์š”. const MILLISECONDS_OF_A_DAY = 86400000; setTimeout(blastOff, MILLISECONDS_.. 2022. 5. 3.
ํด๋ฆฐ์ฝ”๋“œ Day 7-8. ์ฃผ์„ ์“ฐ๋Š” ๋ฐฉ๋ฒ• โœ… ์ด ํฌ์ŠคํŒ…์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋” ๋ถํด๋Ÿฝ 'ํด๋ฆฐ ์ฝ”๋“œ' ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ž‘์„ฑํ•˜๋Š” TIL์ด๋ฉฐ, ์ถœ์ฒ˜๋Š” Clean Code์ž…๋‹ˆ๋‹ค. ๐Ÿ“š ๋ฒ”์œ„ : 04. ์ฃผ์„ ๐Ÿ““ ์ฑ…์—์„œ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์„ ์จ๋ณด์„ธ์š”. ์ฃผ์„ ํ•„์š”๋„ โฌ‡ ์ˆ˜๋ก ์ข‹์€ ์ฝ”๋“œ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋ฅผ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•ด ์ฃผ๋ ์ฃผ๋  comment๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ๋ณด๋‹ค๋Š” ์ฝ”๋“œ๋งŒ ๋ด๋„ ์–ด๋–ค ์˜๋ฏธ์ธ์ง€, ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋Š”์ง€ ์•Œ ์ˆ˜ ์žˆ๋„๋ก ์ž‘์„ฑํ•œ ์ฝ”๋“œ๊ฐ€ ์ข‹์€ ์ฝ”๋“œ์ด๋‹ค. ์ฃผ์„์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์—๊ฒŒ ์š”๊ตฌ์‚ฌํ•ญ์„ ์ „๋‹ฌํ•˜๋Š” ๊ฒฝ์šฐ์— ํ•ด๋‹น But! ์ฃผ๊ธฐ์ ์œผ๋กœ ํ™•์ธํ•˜๊ณ  ์ง€์šฐ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ํ•„์š”ํ•œ ์ฃผ์„์ด๋ผ๊ณ  ์˜คํ•ดํ•  ์ˆ˜ ์žˆ์Œ ์ฃผ์„์ด ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ function, variable๋กœ ํ‘œํ˜„ ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ์ฃผ์„์ด ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋˜์ง€๋งŒ ์ฝ”๋“œ๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ๊ฒฝ์šฐ ์• ์ดˆ์— ์ฃผ์„์ด ํ•„.. 2022. 4. 30.
๋ฐ˜์‘ํ˜•