The journey to becoming a developer

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

What I learned/CodeSquad Log

CodeSquad Day 81 : Project 3 - Day 1

Millie 2022. 5. 10. 02:47

CodeSquad๐Ÿ”นDay 81

Project [Vending Machine]

๋ฐฉํ•™์ด ๋๋‚˜๊ณ  ์ฒซ ํ”„๋กœ์ ํŠธ๋Š” ๊ฐœ์ธ์œผ๋กœ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ์ฃผ์ œ๋Š” ๋ฐ”๋กœ React๋กœ ์žํŒ๊ธฐ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด์—ˆ๋‹ค.

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

์ด๋ฒˆ์—๋„ Figma ํ™œ์šฉํ•ด์„œ ์ œ์ž‘!

๋งŒ๋“ค์–ด ๋‚˜๊ฐ€๋ฉด์„œ ๋‚ด๊ฐ€ ๋” ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ์€ ์‚ด์ง ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์ถ”๊ฐ€ํ•˜๊ธฐ๋„ ํ–ˆ๋‹ค. ์‚ฌ์‹ค ๋” ์ค‘์š”ํ•œ ๊ฑด ๊ตฌํ˜„์„ ํ•˜๋Š” ๊ฒƒ์ด๋ผ๋Š” ๊ฒƒ์„ ์•ˆ๋‹ค. ๋‚ด์ผ๋ถ€ํ„ฐ๋Š” ํ”„๋กœ์ ํŠธ ์…‹์—…๋„ ์ œ๋Œ€๋กœ ํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค. CRA ๋Œ€์‹  ์›นํŒฉ์œผ๋กœ ํ™˜๊ฒฝ์„ค์ • ํ•˜๋Š” ๊ฒƒ์„ ๋„์ „ํ•ด ๋ณด๋ ค๊ณ  ํ•˜๋Š”๋ฐ ํ•™์Šต ์‹œ๊ฐ„ ํˆฌ์ž๊ฐ€ ๋งŽ์ด ํ•„์š”ํ•˜๋‹ค. 

 

Algorithm

๋ฌธ์ œ : ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv 2 - ํ”„๋ฆฐํ„ฐ

์˜ค๋Š˜ 9์‹œ์—๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋””๋ฅผ 1์‹œ๊ฐ„ ๊ฐ€๋Ÿ‰ ์ฐธ์—ฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚ด๊ฐ€ ์ฝ”๋“œ์Šค์ฟผ๋“œ ๋‚ด๋ถ€์—์„œ ๋งŒ๋“  ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋””๊ฐ€ ์•„๋‹ˆ๋ผ ์™ธ๋ถ€์—์„œ ํ•˜๋Š” ๊ฒƒ์ด์–ด์„œ ์ƒˆ๋กœ์šด ๋ถ„์œ„๊ธฐ์—์„œ ์ง„ํ–‰๋˜์—ˆ๋‹ค. 

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

 

Team Project [MYSHELF]

10:30pm~12:00am ํ–„์จˆ๊ณผ ํ•จ๊ป˜

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

๋…ผ์˜ํ•œ ๋ถ€๋ถ„ - ์ฑ…์žฅ์— ์ฑ…์ด ๊ฝ‚ํž ๋•Œ ๊ฐ๋„์กฐ์ ˆ, ๋‘๊ป˜ ์กฐ์ ˆ, ์ƒ‰์ƒ ๊ฒฐ์ • ๋“ฑ
์ˆ˜์ •ํ•œ ๋ถ€๋ถ„ - ์ค‘๋ณตํ™•์ธ ๋ฒ„ํŠผ ์ถ”๊ฐ€, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ฒดํฌ ์‹œ ์•„์ด์ฝ˜ ๋…ธ์ถœ

 

์ฝ”๋“œ์Šค์ฟผ๋“œ ํ”„๋กœ์ ํŠธ๊ฐ€ ๊ฐœ์ธ์œผ๋กœ ์ง„ํ–‰๋˜๋‹ค๋ณด๋‹ˆ ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋” ํ™œ๋ ฅ์„ ์–ป๊ฒŒ ๋˜์—ˆ๋‹ค. ํ–„ & ์จˆ ๋ชจ๋‘ ๊ต‰์žฅํžˆ ์ฐธ์—ฌ๋ฅผ ์ ๊ทน์ ์œผ๋กœ ํ•˜๊ณ  ๋‚˜์˜ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„์„ ์ฑ„์›Œ ์ฃผ๋Š” ์‚ฌ๋žŒ๋“ค์ด๋‹ค ๋ณด๋‹ˆ ๋” ์—๋„ˆ์ง€๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค. 

์ผ์ • ์กฐ์œจ๋„ ํ•ด์„œ ์•ž์œผ๋กœ ํ‰์ผ์—๋Š” ์›”, ์ˆ˜, ๊ธˆ ์ด ์‹œ๊ฐ„์— ๋ณด๊ธฐ๋กœ ํ•˜๊ณ  ์ฃผ๋ง์€ ๊ธˆ์š”์ผ์— ์œ ๋™์ ์œผ๋กœ ์ •ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌ๋  ์ˆ˜ ์žˆ๋„๋ก ๊ณผ์ •๋„ ์ถฉ์‹คํ•˜๊ฒŒ ๋ณด๋‚ด์•ผ๊ฒ ๋‹ค. 

 

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

CodeSquad Day 83 : Project 3 - Day 3  (0) 2022.05.12
CodeSquad Day 82 : Project 3 - Day 2  (0) 2022.05.11
CodeSquad Day 80 : Team Project 2 - Day 10  (0) 2022.04.29
CodeSquad Day 77 : Team Project 2 - Day 7  (0) 2022.04.28
CodeSquad Day 78 : Team Project 2 - Day 8  (0) 2022.04.28