CodeSquad๐นDay 81
Project [Vending Machine]
๋ฐฉํ์ด ๋๋๊ณ ์ฒซ ํ๋ก์ ํธ๋ ๊ฐ์ธ์ผ๋ก ์งํํ๊ฒ ๋์๊ณ , ์ฃผ์ ๋ ๋ฐ๋ก React๋ก ์ํ๊ธฐ๋ฅผ ๊ตฌํํ๋ ๊ฒ์ด์๋ค.
๊ทธ๋ฐ๋ฐ 2์ฃผ๊ฐ์ ํ๋ก์ ํธ ์น๊ณ ๋ ์ ๋ฒ ํ๋ก์ ํธ์ ๋ฌ๋ฆฌ ๋์์ธ ์์์ด ์์ด์ ๊ทธ๋ฅ ๋ด๊ฐ ๋ง๋ค์ด๋ฒ๋ ธ๋ค. ์ด์ฐจํผ ๋์์ธ์ ์์ ์ด๊ธฐ๋ ํ๊ณ , 2์ฃผ๋ ํ ๊ฑด๋ฐ ๋์์ธ์ด ์์ผ๋ฉด ๋๊ธฐ ๋ถ์ฌ๋ ์ ์ ๋ ๊ฒ ๊ฐ์๋ค.(2์ฃผ ํ๋ก์ ํธ๊ฐ ์๋๋ผ ๋ฉฐ์น ํ๊ณ ๋ง๋ ๋ฏธ์ ๊ฐ์ ๊ฑฐ์๋ค๋ฉด ๊ตณ์ด ๋ง๋ค์ง ์์์ ๊ฒ์ด๋ค.) ๋์์ธ์ ํ๋ฉด์ ๋ด ์๊ฐ์ ๋ฐ์ํ๋ ๊ฒ ์ ๋ง ์ฌ๋ฏธ์์๋ค.
๋ง๋ค์ด ๋๊ฐ๋ฉด์ ๋ด๊ฐ ๋ ๋ซ๋ค๊ณ ์๊ฐํ๋ ๊ฒ์ ์ด์ง ๋ฐ๊พธ๊ฑฐ๋ ์ถ๊ฐํ๊ธฐ๋ ํ๋ค. ์ฌ์ค ๋ ์ค์ํ ๊ฑด ๊ตฌํ์ ํ๋ ๊ฒ์ด๋ผ๋ ๊ฒ์ ์๋ค. ๋ด์ผ๋ถํฐ๋ ํ๋ก์ ํธ ์ ์ ๋ ์ ๋๋ก ํด ๋ณผ ๊ฒ์ด๋ค. 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 |