The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 52 : Front-end Week 6

Millie 2022. 3. 23. 00:08

 

CodeSquad๐Ÿ”นDay 52

Morning Algo & Algorithm

์•„์นจ 9์‹œ์—๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋””๊ฐ€ ์žˆ์—ˆ๋‹ค. ๊ฐ„๋‹จํžˆ ์•„์นจ ์‹์‚ฌ๋ฅผ ํ•˜๊ณ  ์ฐธ์—ฌํ–ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 2 ์†Œ์ˆ˜ ์ฐพ๊ธฐ ๋ฌธ์ œ๋Š” ์–ด๋ ค์›Œ์„œ ํ’€์ง€ ๋ชปํ–ˆ๊ณ , ํ–„๋””์™€ ํ˜ธ์ด๊ฐ€ ํ’€์–ด์„œ ์„ค๋ช…์„ ๋“ค์—ˆ์ง€๋งŒ ์•„์ง ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ์ƒํƒœ์ด๋‹ค. ๋”ฐ๋กœ ์‹œ๊ฐ„์„ ๋‚ด์„œ ๋ณต์Šต์„ ํ•ด์•ผ ํ•œ๋‹ค. ์ด๋ฒˆ ์ฃผ๋ง์—” ๊ผญ ๊ณต๋ถ€ํ•˜๋„๋ก ํ•˜์ž. ๋‹ค๋ฅธ ๊ณต๋ถ€๋„ ๊ทธ๋ ‡๊ฒ ์ง€๋งŒ ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์ •๋ง ์‹œ๊ฐ„์„ ํˆฌ์žํ•œ ๋Œ€๋กœ ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์˜ค๋Š” ๊ฒƒ ๊ฐ™๋‹ค.

 

์˜ค๋Š˜์˜ ๋ฌธ์ œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 2์˜ "์œ„์žฅ"์ด๋‹ค. ์ด ๋ฌธ์ œ๋Š” ์ž‘๋…„ 12์›”์— ํ–„๋””๋ฅผ ๋งŒ๋‚ฌ์„ ๋•Œ ๋„์ „ํ•ด๋ดค๋˜ ์ด๋ ฅ์ด ์žˆ๋Š” ๋ฌธ์ œ๋‹ค. ์กฐํ•ฉ(Combination)์„ ํ™œ์šฉํ•ด์„œ ํ’€์–ด๋ดค๋Š”๋ฐ ํ’€์ด๊ฐ€ ์ด๋ฒˆ์—๋„ ๋งŽ์ด ์žฅํ™ฉํ•ด์กŒ๋‹ค. ์‹œ๊ฐ„๋„ ๊ฝค๋‚˜ ๊ฑธ๋ ธ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๊ฐ„๊ฒฐํ•˜๊ฒŒ ํ‘ผ ๊ฒƒ์„ ๋ณด๋ฉด์„œ ๋งŽ์ด ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๋Š๊ผˆ๋‹ค.

 

์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต - ์œ„์žฅ

 

programmers.co.kr

 

Mission

์•„์นจ ์Šคํฌ๋Ÿผ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งˆ์นœ ํ›„, ์˜ค์ „๊ณผ ์˜คํ›„ ์‹œ๊ฐ„์—๋Š” ์ง€๋‚œ ์ฃผ์— ๋ฏธ์ฒ˜ ๊ตฌํ˜„ํ•˜์ง€ ๋ชปํ–ˆ๋˜ ํ‚ค๋ณด๋“œ๋กœ ๊ฒ€์ƒ‰์–ด๋ฅผ ์Šคํฌ๋กคํ•˜๋Š” ๋กœ์ง๊ณผ ๋ฐฐ๋„ˆ ์ž๋™ ์Šฌ๋ผ์ด๋”ฉ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด ๋ณด์•˜๋‹ค.

๋จผ์ € ๋กœ์ง์„ Notion์— ํ•œ ์ค„์”ฉ ์ ์–ด๋ณด๊ณ  ๊ทธ๊ฒƒ์„ ์ฝ”๋“œ๋กœ ์˜ฎ๊ธฐ๋Š” ์‹์œผ๋กœ ํ•ด๋ณด๋‹ˆ, ์–ด์ œ๋ณด๋‹ค ๋” ๋‚˜์€ ๊ฒฐ๊ณผ๋ฌผ์ด ์™„์„ฑ๋˜์—ˆ๋‹ค.

๋ฐฐ๋„ˆ์™€ ๋ฐฐ๋„ˆ ๋ฆฌ์ŠคํŠธ ์ •๋ ฌ์„ ์ข€ ๋” ์ œ๋Œ€๋กœ ํ•˜๊ณ  ์‹ถ์–ด์„œ Sass๋„ ์ข€ ์†๋ด์ฃผ์—ˆ๋‹ค.

 

Group Review

๋‚ด๊ฐ€ ์ €๋ฒˆ ์ฃผ ๋ฏธ์…˜์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋Š” ๋™์•ˆ ๋‹ค๋ฅธ ๋ถ„๋“ค์€ ์ด๋ฒˆ ์ฃผ ๋ฏธ์…˜์ธ MVC ํŒจํ„ด์„ ๊ณต๋ถ€ํ•ด์„œ ์ ์šฉํ•˜๊ณ  ๊ณ„์…จ๋‹ค. ๋นจ๋ฆฌ ๋‚˜๋„ ์ €๋ฒˆ ์ฃผ ๋ฏธ์…˜์€ ๋งˆ๋ฌด๋ฆฌํ•˜๊ณ  ์ด๋ฒˆ ์ฃผ ๋ฏธ์…˜์œผ๋กœ ๋Œ์ž…ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.

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

 


 

์ปจ๋””์…˜์ด ๋งค์šฐ ์ €์กฐํ–ˆ๋˜ ์–ด์ œ์™€ ๋‹ฌ๋ฆฌ ์˜ค๋Š˜์€ ์ž ์„ ํ‰์†Œ๋ณด๋‹ค ๋œ ์žค๋Š”๋ฐ๋„ ์ปจ๋””์…˜์ด ํ›จ์”ฌ ๋‚˜์•„์ ธ์„œ ๋†€๋ž๋‹ค. ํ™•์‹คํžˆ ๋ฐฐ๋„ ์•ˆ ์•„ํ”„๋‹ˆ ์‚ด ๊ฒƒ ๊ฐ™๊ณ  ์ง‘์ค‘๋ ฅ๋„ ์–ด์ œ๋ณด๋‹ค ํ›จ์”ฌ ์ข‹๋‹ค๋Š” ๊ฒŒ ์ฒด๊ฐ์ด ๋˜์—ˆ๋‹ค. ์ข‹์€ ํผํฌ๋จผ์Šค๋ฅผ ๋‚ด๊ธฐ ์œ„ํ•ด์„œ ์•„ํ”„์ง€ ์•Š๊ฒŒ ํ‰์†Œ์—๋„ ์ž˜ ๊ด€๋ฆฌํ•ด์•ผ๊ฒ ๋‹ค. ์—ญ์‹œ ์ข‹์€ ์ปจ๋””์…˜ ์œ ์ง€๋„ ํ”„๋กœํŽ˜์…”๋„ํ•œ ๋Šฅ๋ ฅ ์ค‘์— ํ•˜๋‚˜์˜€๊ตฌ๋‚˜ ์‹ถ๋‹ค.

์˜์–ด ๊ณต๋ถ€๋„ ๊พธ์ค€ํžˆ ํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์˜์–ด๋Š” ์„ ํƒ์ด ์•„๋‹Œ ํ•„์ˆ˜๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด์„œ ์žํˆฌ๋ฆฌ ์‹œ๊ฐ„์„ ํ™œ์šฉํ•ด์„œ ์˜์–ด์™€ ์นœํ•ด์ง€๊ณ  ์žˆ๋‹ค.

๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ ๊พธ์ค€ํ•จ! ๋ฉˆ์ถฐ ์žˆ์ง€ ๋ง๊ณ  ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๋ณด์ž.

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

CodeSquad Day 54 : Front-end Week 6  (0) 2022.03.25
CodeSquad Day 53 : Front-end Week 6  (0) 2022.03.24
CodeSquad Day 51 : Front-end Week 6  (0) 2022.03.22
CodeSquad Day 49 : Front-end Week 5  (0) 2022.03.18
CodeSquad Day 48 : Front-end Week 5  (0) 2022.03.16