The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 69 : Team Project Week 2

Millie 2022. 4. 15. 01:18

 

CodeSquad๐Ÿ”นDay 69

Morning Algo & Algorithm

์˜ค๋Š˜์€ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ ๋ ˆ๋ฒจ 2 ๋ฌธ์ œ์ธ ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ, ๋‰ด์Šค ํด๋Ÿฌ์Šคํ„ฐ๋ง ๋ฌธ์ œ์˜ ํ’€์ด๋ฅผ ๊ณต์œ ํ•˜๊ณ  ์„ค๋ช…ํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค. 

๊ทธ๋ฆฌ๊ณ  ๋ฐค์—๋Š” '์ „๋ ฅ๋ง์„ ๋‘˜๋กœ ๋‚˜๋ˆ„๊ธฐ'๋ผ๋Š” ๋ฌธ์ œ์— ๋„์ „ํ–ˆ๋Š”๋ฐ ์•„์ง ํ•ด๊ฒฐํ•˜์ง€ ๋ชปํ–ˆ๋‹ค. 

 

Team Project

์˜ค์ „์—๋Š” ๋‚ด๊ฐ€ ์–ด์ œ ์‹ค์ˆ˜๋กœ ์ž˜๋ชป ๋‚ ๋ฆฐ PR์„ ๋จธ์ง€ํ–ˆ๋Š”๋ฐ ์ด๊ฒƒ์„ ๋ณต๊ตฌํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ๋Š๋ผ ์‹œ๊ฐ„์„ ๋งŽ์ด ์Ÿ์•˜๋‹ค. ๋„๋‹ˆ์—๊ฒŒ๋„ ๋ฌผ์–ด๋ณด์•˜์ง€๋งŒ ๊ฒฐ๊ตญ ์ด๋ฏธ ๋จธ์ง€๋œ PR์—์„œ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ›๋Š” ๊ฒƒ์œผ๋กœ ํ–ˆ๋‹ค. ์ •๋ง ์ง„๋•€ ๋‚˜๋Š” ์ƒํ™ฉ์ด์—ˆ๋‹ค. ํŒ€ ํ”„๋กœ์ ํŠธ์ธ๋ฐ ์ด๋Ÿฐ ์‹ค์ˆ˜๋ฅผ ํ•˜๊ฒŒ ๋˜์–ด์„œ ๋” ๋‹นํ™ฉ์Šค๋Ÿฌ์› ๊ณ  ํŒ€์›์ธ ํ˜ธ์ด์—๊ฒŒ ๋ฏธ์•ˆํ•˜๊ธฐ๋„ ํ–ˆ๋‹ค. ๋ฐค์— ์•ฝ๊ฐ„ ์ž ๊ฒฐ์— ์ œ๋Œ€๋กœ ํ™•์ธํ•˜์ง€ ์•Š๊ณ  ๋ฌด์‹ฌ๊ฒฐ์— ๋ฒ„ํŠผ์„ ์ž˜๋ชป ๋ˆ„๋ฅธ ๊ฒŒ ํ™”๊ทผ์ด์—ˆ๋‹ค. ๋‹ค์Œ๋ถ€ํ„ฐ๋Š” ์ •๋ง ์ด๋Ÿฐ ์ผ์ด ์—†๊ฒŒ ๊ผผ๊ผผํ•˜๊ฒŒ ํ™•์ธํ•ด์•ผ๊ฒ ๋‹ค. 

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

๋ฐค์—๋Š” scss๋ฅผ ์กฐ๊ธˆ ๊ฑด๋“œ๋ ค๋ดค๋‹ค. ๊ธฐ์กด์— ์žˆ์—ˆ๋˜ ์ค‘๋ณต ์ฝ”๋“œ๋ฅผ mixin์„ ํ™œ์šฉํ•ด์„œ ์ค„์–ด๋ณด์•˜๋‹ค. scss์˜ @if๋ฌธ๋„ ํ™œ์šฉํ•ด ๋ณด์•˜๋‹ค. scss๋„ ์ž˜ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋” ์—ฐ์Šต์ด ํ•„์š”ํ•˜๋‹ค. ์•„์ง ๋งŽ์€ ๋ฌธ๋ฒ•๋“ค์ด ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ์ƒํƒœ๋‹ค.

์ด๋ ‡๊ฒŒ button-style์ด๋ผ๋Š” mixin์„ ๋งŒ๋“ค์–ด ๋ณด์•˜๋‹ค. ๊ดœ์ฐฎ์€ ๊ฑธ๊นŒ?

 

ํŒ€ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์–ด๊ฐ€๊ณ  ์žˆ๋‹ค. ๋‚ด์ผ์ด๋ฉด ๋ฒŒ์จ ๋์ด๋ผ๋Š” ๊ฒŒ ์•ˆ ๋ฏฟ๊ฒจ์ง„๋‹ค. ๋‚ด์ผ์€ ์ง€๊ธˆ๊นŒ์ง€ ํ–ˆ๋˜ ๊ฒƒ์— ๋Œ€ํ•ด์„œ ๋ฐœํ‘œ๋„ ํ•ด์•ผ ํ•˜๊ณ , ๋˜ 2์ฃผ ๊ฐ„์˜ ํšŒ๊ณ ๋„ ํ•ด ๋ด์•ผ๊ฒ ๋‹ค. ์ฒซ ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ 2์ฃผ ๋™์•ˆ ํ•˜๋ฉด์„œ ๋ฐฐ์šด ์ ๊ณผ ๋Š๋‚€ ์ ๋“ค์„ ์ž์„ธํžˆ ์ ์–ด๋ณด๋„๋ก ํ•˜์ž. 

 


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

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

CodeSquad Day 71 : Team Project 2  (0) 2022.04.18
CodeSquad Day 70 : Team Project Week 2  (0) 2022.04.16
CodeSquad Day 68 : Team Project Week 2  (0) 2022.04.14
CodeSquad Day 67 : Team Project Week 2  (0) 2022.04.13
CodeSquad Day 66 : Team Project Week 2  (0) 2022.04.12