The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 27 : Front-end Week 1

Millie 2022. 2. 16. 01:03

 

CodeSquad๐Ÿ”นDay 27

Morning Algo

์˜ค๋Š˜์€, ๋‚ด๊ฐ€ ๋งŒ๋“  ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋”” ๊ณต์‹ ์ฒซ๋‚ ์ด์—ˆ๋‹ค. Dynamic Programming์„ ์ดํ•ดํ•˜๊ณ  ์ ์šฉํ•ด์•ผ ํ’€ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์˜€๋Š”๋ฐ ๋‚œ ์•„์ง DP์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ๊นŠ์ง€ ์•Š์•„์„œ ๊ฒฐ๊ตญ ํ’€์ง€ ๋ชปํ–ˆ๋‹ค. ํ˜ธ์ด๊ฐ€ ์„ค๋ช…์„ ์ž˜ ํ•ด์คฌ์ง€๋งŒ ๋‚ด๊ฐ€ ๋” ๊ณต๋ถ€ํ•˜๊ณ  ํ’€์–ด์•ผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.

๊ทธ๋ฆฌ๊ณ  ์Šคํ„ฐ๋””๋ฅผ ์œ„ํ•œ Git Organization๊นŒ์ง€ ๋งŒ๋“ค์–ด ๋ณด์•˜๋‹ค. ์–ด์ฐจํ”ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด๋ผ๋Š” ๊ฒŒ ์ฝ”ํ…Œ ํ•ฉ๊ฒฉ์„ ์œ„ํ•œ ๊ฒƒ๋„ ์žˆ์ง€๋งŒ ์žฅ๊ธฐ์ ์œผ๋กœ ์ง€์†ํ•˜๋ฉด ์ข‹์„ ๊ฑฐ ๊ฐ™์•„์„œ ๋งŒ๋“ค์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์›๊ฒฉ ์ €์žฅ์†Œ๋กœ push ํ•˜๋ ค๊ณ  ํ•˜๋‹ˆ permission 403 ์—๋Ÿฌ๊ฐ€ ๋– ์„œ ํ•ด๊ฒฐ์„ ํ•ด์•ผ ํ•œ๋‹ค. ์•„์ง ํ•ด๊ฒฐํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.

 

Mission!

10์‹œ๋ถ€ํ„ฐ 10์‹œ ๋ฐ˜๊นŒ์ง€ ์Šคํฌ๋Ÿผ ํ•˜๊ณ , 10์‹œ ๋ฐ˜๋ถ€ํ„ฐ๋Š” ๋ฏธ์…˜์„ ์‹œ์ž‘ํ–ˆ๋‹ค. HTML ์ถ”๊ฐ€์ ์œผ๋กœ ํ•„์š”ํ•œ ๋ถ€๋ถ„์„ ๋งˆํฌ์—…ํ•˜๊ณ  CSS๋„ ์ถ”๊ฐ€ํ–ˆ๋‹ค. JS๋„ ์•ฝ๊ฐ„ ๊ฐ€๋ฏธํ•ด์„œ ํƒญ์„ ๋ˆŒ๋ €์„ ๋•Œ ํ™”๋ฉด์ด ์ „ํ™˜๋˜๋„๋ก ํ–ˆ๋‹ค.

์คŒ์— ์บ ์„ ์ผœ ๋†“๊ณ  ๋ฏธ์…˜ ์ค‘์ด์—ˆ๋Š”๋ฐ ๊ฐ‘์ž๊ธฐ ํฌ๋กฑ์ด ๋“ค์–ด์™”๋‹ค! ์ด๋Ÿฐ์ €๋Ÿฐ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆด๋‹ค. ์‚ฌ์‹ค ๋ฏธ์…˜ ๊ตฌํ˜„ํ•˜๋Š” ์‹œ๊ฐ„์€ ๊ฐ์ž ํ•˜๋Š” ๊ฑฐ๋ผ ์ ๋ง‰์ด ํ˜๋ €๋Š”๋ฐ ํฌ๋กฑ์ด ๋“ค์–ด์˜ค๋‹ˆ ์ฝ”๋“œ์Šค์ฟผ๋“œ ๋ณธ์‚ฌ์— ๋ชจ์—ฌ์„œ ๋ฏธ์…˜์„ ํ•œ๋‹ค๋ฉด ์ด๋Ÿฐ ๋Š๋‚Œ์ผ๊นŒ ์‹ถ์—ˆ๋‹ค.

 

Group Review

5์‹œ๋ถ€ํ„ฐ 6์‹œ๊นŒ์ง€ 1์‹œ๊ฐ„ ๋™์•ˆ ๊ทธ๋ฃน ๋ฆฌ๋ทฐ๋ฅผ ํ•˜๋Š” ์‹œ๊ฐ„์ด์—ˆ๋‹ค. ๋‹ค๋ฅธ ๋ถ„๋“ค์ด ํ•˜์‹  ๊ฒƒ๋“ค๊ณผ ์„ค๋ช…, ๊ทธ๋ฆฌ๊ณ  ํ† ๋ก ์„ ํ†ตํ•ด์„œ ๋งŽ์ด ๋ฐฐ์› ๋‹ค. ๋‚œ CSS๋ฅผ ๋ชจ๋“ˆํ™”ํ•ด์„œ ํ•  ์ƒ๊ฐ์€ ๋ชปํ–ˆ๋Š”๋ฐ ๋‹ค๋ฅธ ๋ถ„๋“ค์ด ๊ทธ๋ ‡๊ฒŒ ํ•˜์‹  ๊ฒƒ์„ ๋ณด๊ณ  ํŒŒ์ผ์„ ์ชผ๊ฐœ์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.

ํด๋ž˜์Šค ๋„ค์ด๋ฐ ์ปจ๋ฒค์…˜์ธ OOCSS๋ผ๋Š” ๊ฒŒ ์žˆ๋‹ค๋Š” ๊ฒƒ๋„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

๋„๋‹ˆ๋Š” ์›น ์ ‘๊ทผ์„ฑ์„ ๊ณ ๋ คํ•ด์„œ ์ฝ”๋”ฉ์„ ํ•˜๊ณ  ์žˆ๋Š” ๊ฒŒ ์ธ์ƒ์ ์ด์—ˆ๊ณ  ๋‚˜๋„ ์›น ์ ‘๊ทผ์„ฑ์„ ์ข€ ๋” ๊ณต๋ถ€ํ•˜๊ณ  ์ ์šฉํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๋Š๊ผˆ๋‹ค.

๊ทธ๋ฃน ๋ฆฌ๋ทฐ ํ›„, ํ”ผ๋“œ๋ฐฑ๊ณผ ํ† ๋ก ์—์„œ ๋‚˜์˜จ ์ด์•ผ๊ธฐ๋“ค์„ ์ข…ํ•ฉํ•ด์„œ ๊ณ ์น  ๋ถ€๋ถ„์€ ๊ณ ์น˜๊ณ  ์ถ”๊ฐ€ํ•  ๋ถ€๋ถ„์€ ์ถ”๊ฐ€ํ–ˆ๋‹ค.

 

์˜ค๋Š˜ ๋” ์ถ”๊ฐ€ํ•œ ๋ถ€๋ถ„

 

๋ฏธ์…˜ ์™ธ์—๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋„์ „ํ–ˆ๋Š”๋ฐ ํ…Œ์ŠคํŠธ ์ผ€์ด์Šค 1/3๋งŒ ํ†ต๊ณผํ–ˆ๋‹ค. ์•Œ๊ณ ๋ฆฌ์ฆ˜.. ์•„์ง ๋ฉ€์—ˆ๋‹ค.

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

CodeSquad Day 29 : Front-end Week 1  (0) 2022.02.18
CodeSquad Day 28 : Front-end Week 1  (0) 2022.02.17
CodeSquad Day 26 : Front-end Week 1  (0) 2022.02.15
CodeSquad Day 25 : CS10 (10/10)  (0) 2022.02.12
CodeSquad Day 24 : CS10 (10/10)  (0) 2022.02.11