The journey to becoming a developer

My future is created by what I do today, not tomorrow.

What I learned/CodeSquad Log

CodeSquad Day 58 : Front-end Week 7

Millie 2022. 3. 31. 02:20

 

CodeSquad๐Ÿ”นDay 58

English Interview

๋‚˜์—๊ฒŒ ๋„์ „๊ณผ๋„ ๊ฐ™์•˜๋˜ ์˜์–ด ๋ฉด์ ‘์ด ์žˆ์—ˆ์–ด์„œ ์˜ค๋Š˜ ์˜ค์ „์—” ์ด๊ฑธ ์ค€๋น„ํ–ˆ๋‹ค. ๊ธฐ์ˆ  ๊ด€๋ จ ๋ฉด์ ‘์€ ์•„๋‹ˆ์—ˆ๊ณ  ๊ทธ๋ƒฅ ์ž์œ  ์ฃผ์ œ๋กœ ์ด์•ผ๊ธฐํ•˜๋Š” ๊ฑฐ์˜€์–ด์„œ ๊ทธ๋‚˜๋งˆ ๋‹คํ–‰์ด์—ˆ๋‹ค. ์ค€๋น„๋ฅผ ํ•˜๊ณ  ๋ณด๋‹ˆ๊นŒ ๋‚˜๋ฆ„ ๋งŒ์กฑ์Šค๋Ÿฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ์—ˆ์ง€๋งŒ ์˜์–ด๋Š” ์ •๋ง ๊พธ์ค€ํžˆ ๋งค์ผ ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ๊ฒƒ์„ ๋งŽ์ด ๋Š๊ผˆ๋‹ค. ์–ธ์–ด๋‚˜ ์ฝ”๋”ฉ์ด๋‚˜ ํ•˜๋ฃจ, ์ดํ‹€๋งŒ ์‰ฌ์–ด๋„ ๊ฐ์ด ๋งŽ์ด ๋–จ์–ด์ง€๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๋ญ๋“  ๊พธ์ค€ํ•จ์ด ์ œ์ผ ์ค‘์š”ํ•˜๋‹ค๋Š” ๊ฒƒ, ๊ทธ๋ฆฌ๊ณ  ์ธํ„ฐ๋ทฐ๋Š” ์ค€๋น„๋ฅผ ๋งŽ์ด ํ•˜๋ฉด ํ• ์ˆ˜๋ก ๋” ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋งํ•  ์ˆ˜ ์žˆ๊ฒ ๋‹ค๋Š” ๊ฒƒ์„ ๋Š๊ผˆ๋‹ค.

 

Mission & PR & Group Review

์ˆ˜์š”์ผ์ธ ์˜ค๋Š˜์€ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์œ„ํ•ด Pull Request๋ฅผ ๋ณด๋‚ด์•ผ ํ•˜๋Š” ๋‚ ์ด์—ˆ๋‹ค. ๋ฏธ์…˜ ์ค‘ '์Šค๋งˆํŠธ ๋ฉ”๋‰ด ๋ ˆ์ด์–ด ๋งŒ๋“ค๊ธฐ'๋ฅผ ํ•˜๋ฉด์„œ ๋™์‹œ์— Store๋ฅผ ์ดํ•ดํ•ด์„œ ์ ์šฉํ•ด ๋ณด๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ๋‹ค. Observer pattern์„ ์ œ๋Œ€๋กœ ์ดํ•ดํ•ด์•ผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑฐ์˜€๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ธํ„ฐ๋ทฐ๋ฅผ ๋ณด๊ณ  ๋‚˜๋‹ˆ ๊ธด์žฅ์ด ํ’€๋ ค์„œ ๊ทธ๋Ÿฐ์ง€, ์ข€ ์ง‘์ค‘์ด ๋˜์ง€ ์•Š์•„์„œ ๋ฐ–์„ ๋‚˜๊ฐ”๋‹ค ์˜ค๊ธฐ๋„ ํ•˜๊ณ , ๋ฏธ์…˜์— ํˆฌ์žํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ด ์ข€ ์ ์—ˆ๋‹ค. ์•„์‰ฝ๊ฒŒ๋„ Observer pattern์„ ์ ์šฉํ•˜์ง€ ๋ชปํ–ˆ๋Š”๋ฐ ๋‚ด์ผ ์ด์–ด์„œ ๊ณต๋ถ€ํ•ด๋ณด๊ณ  ์ ์šฉํ•ด ๋ด์•ผ๊ฒ ๋‹ค.

 

Prepare for a Presentation

๋‚ด์ผ์€ ์ˆ˜์—… ๋Œ€์‹  ๋ฐœํ‘œ๊ฐ€ ์žˆ๋Š” ๋‚ ์ด๋‹ค. ๋ฐœํ‘œ ์ฃผ์ œ๋Š” ๊ณ ์‹ฌ ๋์— Iterator๋กœ ์ •ํ–ˆ๋‹ค. Generator์— ๋Œ€ํ•ด์„œ ์•Œ๊ธฐ ์œ„ํ•ด ๊ธฐ๋ฐ˜ ์ง€์‹์ด ๋˜๋Š” ๊ฒƒ์ด ๋ฐ”๋กœ Iterable, Iterator์ด๋‹ค. ์ฒ˜์Œ์—๋Š” ๋‚ฏ์„ค์—ˆ์ง€๋งŒ ๋ฐœํ‘œ ์ค€๋น„๋ฅผ ํ•˜๋ฉด์„œ ์–ด๋Š์ •๋„ ์ดํ•ด๊ฐ€ ์Œ“์ด๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ Generator๊นŒ์ง€ ์ž˜ ์ดํ•ดํ•ด๋ณด๊ณ  ์‹ถ๋‹ค.

 

Algorithms

๋‚ด์ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋””๋ฅผ ์œ„ํ•ด์„œ 2๋ฌธ์ œ๋ฅผ ์‹œ๋„ํ–ˆ๋‹ค. ์–ด์ œ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ•˜๋‚˜๋„ ๋ชปํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์˜ค๋Š˜ 2๊ฐœ๋ฅผ ํ•ด์•ผ ํ–ˆ๋‹ค. ๋‘ ๋ฌธ์ œ ๋ชจ๋‘ ๋‚˜์—๊ฒŒ๋Š” ์‰ฝ์ง€ ์•Š์•˜๊ณ , ๊ณ ๋ฏผ์„ ๋งŽ์ด ํ–ˆ๋‹ค. ๊ฒฐ๊ตญ์—” ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ํ•ด๊ฒฐํ•œ ์ ‘๊ทผ๋ฒ•์„ ์ฐธ๊ณ ํ–ˆ๋‹ค. ๋‚ด์ผ ๋‹ค๋ฅธ ๋ฉค๋ฒ„๋“ค์ด ์–ด๋–ป๊ฒŒ ํ’€์—ˆ์„์ง€ ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค.

 


์นธ์ด ๋งŒ๋“  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive ์ฃผ๋ง์— ์ฝ๋Š” ์Šคํ„ฐ๋””๋ฅผ ์ฐธ์—ฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด 6๋ช…์ด ๊ธˆ์ƒˆ ๋ชจ์˜€๊ณ  ์ด๋ฒˆ ์ฃผ ํ† ์š”์ผ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ์Šคํ„ฐ๋”” ๋ฐฉ์‹์ด ํ‰์†Œ์— ํ•ด ๋ณด์ง€ ์•Š์•˜๋˜ ๋ฐฉ์‹์ผ ๊ฒƒ ๊ฐ™์•„์„œ ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค๋„ ์‚ฌ ๋†“๊ณ  ๊ทธ ๋ถ€ํ”ผ์— ๋†€๋ผ๊ณ  ์žˆ๋Š” Deep Dive ์ฑ…์„ ํ•จ๊ป˜ ์ฝ์„ ์ˆ˜ ์žˆ๊ณ , ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•ด์„œ ๊นŠ์ด ์žˆ๊ฒŒ ์•Œ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

'What I learned > CodeSquad Log' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

CodeSquad Day 60 : Front-end Week 7  (0) 2022.04.02
CodeSquad Day 59 : Front-end Week 7  (0) 2022.04.01
CodeSquad Day 57 : Front-end Week 7  (0) 2022.03.30
CodeSquad Day 56 : Front-end Week 7  (0) 2022.03.29
CodeSquad Day 55 : Front-end Week 6  (0) 2022.03.26