Section3 ํ๊ณ , ์ผ์ฃผ์ผ ๊ฐ์๋ ํ ๋ฌ
์ ๋ง ์ผ์ฃผ์ผ ๊ฐ์๋ค. ๊ทธ ๊ธด ํ ๋ฌ ๋์ ๋ ๋ฌด์์ ํ๋๊ฐ.
์์ผ๋ก๋ ํ ๊ฒ์ด ๋๋ฌด ๋ง๋ค๋ ๊ฒ์ ๊ฑฑ์ ๊ณผ ํ์จ๊ณผ ํผ๋ก๊ฐ ๋ชฐ๋ ค์ค์ง๋ง ํํธ์ผ๋ก๋ ์๋๊ฐ์ด ๋ ๋ค. ์ฌ์ ํ ๋ฌ๋ฆฌ๊ณ ์ถ์์, ์์ง ์ง์น์ง ์์์์, ๊ทธ๋๋ ์ฌ๋ฏธ๊ฐ ์๊ณ , ์ฑ์ทจ๊ฐ์ ๋๋๋ค๋ ๊ฒ์ ๊ฐ์ฌํ๋ค.
๐ ๋ชฉํ: ๐ฉ๐ป๐ป 2023๋ ์์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ปค๋ฆฌ์ด ์์ํ๊ธฐ
โจ Keep
_๋ง์กฑ์ค๋ฌ์ด ๋ถ๋ถ, ๊ณ์ ์ด์ด๊ฐ๋ฉด ์ข์ ๋ถ๋ถ
• ๋งค์ผ ๊พธ์คํ ํ์ตํ๊ณ , ๊ณต๋ถํ๋ ๋ด์ฉ์ ์ ๋ฆฌํ๊ณ ๊ธฐ๋กํ๋ ์ต๊ด
→ ์ธ์ ๋ ํค์๋๋ก ๊ฒ์ํ ์ ์๋ ์ ์ฉํจ๊ณผ ํธ๋ฆฌํจ!
→ ์ดํด๊ฐ ์๋๋ ๋ถ๋ถ๋ ์ผ๋จ ๋ณต๋ถ ํ๋ฉด ๋์ค์๋ผ๋ ๋ค์ ๋ณด๊ฒ ๋จ ๐
• ํ๋ฃจ๋ฅผ ๋์๋ณด๋ ์์ฃผ ๊ฐ๋ตํ ํ๊ณ ์์ฑ
• ์ ์๊ฐ์ ์ถ์
• ๋งค์ผ ์คํธ๋ ์นญ์ผ๋ก ๋ชธ ํ์ด์ฃผ๊ธฐ
โจ Problem
_๋ชฉํ๋ฅผ ์ด๋ฃจ๋๋ฐ ์ฅ์ ๋ฌผ์ด ๋์๊ฑฐ๋, ๊ฐ์ ์ด ํ์ํ๋ค๊ณ ์๊ฐ๋๋ ๋ถ๋ถ
• ํผ๋ก๊ฐ ์์ด๋ ์ค… ๐ซ
• ๐ ๋์์ง๋ ๋ ์จ.. ์ง๋ ๋ฐ๋ ๋๋ฌด ๋์ด๋ฐ, ์์ด์ปจ ๋ฐ๋์ ๋๋ฌด ์ซ๋ค…
• ๊ณต๋ถํ ๋ด์ฉ์ด ๋~~~๋ฌด ๋ง๋ค. ํด์ผ ํ ๋ด์ฉ์ ์ ์ด๋์ผ๋ฉด ๊ณ์ ๋ค์์ฃผ, ๊ทธ ๋ค์์ฃผ๋ก ๋ฏธ๋ค์ง ๐ฅฒ
• ๊ณต๋ถํ ๊ฒ๋ ๋ง์๋ฐ ์ฌ์ง์ด ์ด๋ ค์…….
โจ Try
_์ฆ์ ์ค์ฒํ Action Item
• ์ปจ๋์ ๊ด๋ฆฌ: ํด์์ด ํ์ํ๋ค๊ณ ์๊ฐ์ด ๋ค ์ ๋๋ฉด ๊ทธ๋ฅ ์ฌ์ด์ผ๊ฒ ๋ค.
• ๋ค๋ฅธ ์ฌ๋๊ณผ ๋น๊ตํ์ง ์๊ณ , ๐ฅ ๋์ ๋ชฉํ์ ๋ง๊ฒ ๋ ธ๋ ฅํ์
• ์๊ฐ์ ์ต๋ํ ๊ฐ๋จํ๊ฒ, ๊ฒฐ์ ์ ๋น ๋ฅด๊ฒ. ์๊ฐํ๋ค๋ฉด ์ผ๋จ ์ค์ฒํ์.
๐ ์ค๋์ ํ๊ณ
๋ฒ์จ ํ ๋ฌ์ด ํ๋ ๋ค. Section1, 2์ ๋นํด ์๊ฐ์ด ๋๋ฌด ๋นจ๋ฆฌ๊ฐ๋ ๊ฒ ๊ฐ์์ ์ ๋ง ๊น์ง ๋๋ ์ ๋์๋ค. 6์ ์ด์ ์์ํ๋ ์ธ๋ฒ์งธ ์น์ ์ ๋ฒ์จ ๋ง๋ฌด๋ฆฌํ ์๊ฐ์ด๋ผ๋. ์ ๊น ๋ญ ์กฐ๊ธ ๋์ ๊ฑฐ๋ฆฐ๊ฒ ๋ค์ธ๊ฒ ๊ฐ์๋ฐ, 7๊ฐ์ Unit์ ํ์ตํ๊ณ , ๋ ์ ๋ง ๋ฐฉ๋ํ ์์ ์ง์์ ์ต๋ํ๋ค. ์ต๋์ธ์ง, ๊ตฌ๊ฒจ ๋ฃ์๊ฑด์ง, ์ด์ฉ๋ฉด ๋จธ๋ฆฟ์์ ๋ค์ด๊ฐ์ง๋ ์์ ๊ฒ ๊ฐ์ง๋ง ์ฌํผ ๋ญ๊ฐ๋ฅผ ๋ฐฐ์ด๊ฒ ํ์คํ๋ค. ์๋, ๋ญ๊ฐ๋ฅผ ๋ฐฐ์ด๊ฒ ํ์คํด์ผ๋ง ํ๋ค. ๋ฒ์จ ๋ถํธ์บ ํ๋ฅผ ์์ํ๊ณ , 3๊ฐ์์ด ์ง๋ฌ์ผ๋๊น.
์ด๋ฒ ์น์ ์์๋ ์ฌ๊ทํจ์๋ถํฐ ์์ํด UI/UX, CDD๋ฅผ ์ํ ์คํ ๋ฆฌ๋ถ๊ณผ styled-components, ์ํ๊ด๋ฆฌ๋ฅผ ์ํ Redux๋ฅผ ํ์ตํ๊ณ , ์นํ์ค๊ณผ ์ ๊ทผ์ฑ, ๋คํธ์ํฌ ์ฌํ, ์ธ์ฆ/๋ณด์์ ๋ํ ํ์ต์ ํ๋ค. ์ด๋ ค์ ๋ ์ฑํฐ์ ๋น๊ต์ ๊ฐ๋จํ๋ ์ฑํฐ๊ฐ ๋ฐ๋ณต๋์์ง๋ง ์ ์ฒด์ ์ผ๋ก ๋์ด๋๊ฐ ์์๋ ๊ฒ ๊ฐ๊ณ , ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ง์ ์ ์ผ๋ก ์ฐ๊ด๋ ๊ณผ์ ๋ฟ๋ง ์๋๋ผ ์ ๋ฐ์ ์ธ ๋ถ๋ถ์ ํ์ตํ๋ ๊ฒ ๊ฐ๋ค.
์ฒซ ๋ฌธ์ ์ฐ ์ฌ๊ทํจ์๋ถํฐ ์ฝ์ง ์์๊ณ , ์คํ ๋ฆฌ๋ถ์ ์ง๊ธ๋ ์ฌ์ ํ ์ฌ์ฉ๋ฒ์ ๋ชจ๋ฅด๊ฒ ๊ณ , styled-components๋ ๊ณ์ํด์ ์ฌ์ฉํด๋ณด๋ ค ๋ ธ๋ ฅ์ค์ด์ง๋ง ๊ทธ ์ด์ ์ ํ์ ํ๊ณ ์์ ๋กญ๊ฒ ์ฌ์ฉํ๊ธฐ ๊น์ง๋ ์์ง ์๊ฐ์ด ๊ฑธ๋ฆด ๊ฒ ๊ฐ๋ค. Redux ๋ํ ๋ ๊ณต๋ถํด์ผ ์์ ๋กญ๊ฒ ์ฌ์ฉํ ์ ์์ ๊ฒ ๊ฐ๊ณ , ๋ง๋ถ์ฌ toolkit๊น์ง ๊ณต๋ถํ๊ณ ์ถ์๋ฐ ๋ค์ ์น์ ์ผ๋ก ๋์ด๊ฐ๋ฉด ๊ทธ๋ด ์๊ฐ์ด ๋ ๊น? ์ด๋ฒ ์ ๋์์ ๋ฐฐ์ ๋ ๋ด์ฉ์ ํ ๋๋ก Todo app์ ๊ธฐํํ๋ ๋ง์ง๋ง ํด์ปคํค ์๊ฐ๋ ์์๋๋ฐ, ๊ธฐํํ Todo app์ ๋ฐํ์ผ๋ก React ํ๋ก์ ํธ๋ฅผ CRUD๊น์ง๋ง์ด๋ผ๋ ๋ง๋ค์ด๋ด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
Redux๋ฅผ ์ง๋ ๋น๊ต์ ๋ฌด๋ํ๊ฒ ๋์ด๊ฐ๋ ์นํ์ค๊ณผ ์น์ ๊ทผ์ฑ์ ํ์ตํ๊ณ , ์ง๋ ์น์ ์ ์ด์ด์ ์งํ๋ ๋คํธ์ํฌ ํ์ต, ๊ทธ๋ฆฌ๊ณ ํด๋ผ์ด์ธํธ์ ์๋ฒ ์ฝ๋๋ฅผ ์๋ค๊ฐ๋ค ํ๋ฉฐ ์ฟ ํค์ ์ธ์ , ํ ํฐ ๋ฑ์ ์ ์ฅํ๊ณ ํ์ฉํ๋ ๋ฐฉ๋ฒ๋ ๋ฐฐ์ ๋ค. ์ค์ต์ด ๋ง์๋ ์ธ์ฆ/๋ณด์ ์ ๋๋ ์ด๋ ค์์ ๋ณต์ต์ด ๋ฌด์กฐ๊ฑด ํ์ํ๊ฒ ์ง๋ง.
์๊ฐ์ด ์ ์ด๋ ๊ฒ ๋น ๋ฅด๊ฒ ์ง๋๊ฐ์๊น, ์๊ฐํด๋ณด๋ ์ ๋ง ๋ง์ ๋ด์ฉ์ ํ์ตํ๋ค๋ณด๋ ๋งค์ผ์ด ๋๊ฐ์ ํ๋ฃจ์ ๋ฐ๋ณต์ด์ด์ ๊ทธ๋ ๊ฒ ๋๊ผ๋ ๊ฒ ๊ฐ๋ค. ๋ ์ข์ ๋ด์ ์์ํด์ ์ด๋๋ง ๋ฌด๋์ด ์ฌ๋ฆ์ด ๋์ด์์๊ณ , ์๋ฃํ ๋ ์ฆ์์ ๊ฐ์์ ๋ง์ดํ๊ฒ ์ง?
ํจ๊ป ๊ณต๋ถํ๋ ๋ค๋ฅธ ์๊ฐ์๋ค๋ ์ ๋ง ์ด์ฌํ ๋ณธ์ธ์ ๊ธธ์ ๊ฐ๊ณ ์๋ ๊ฒ ๊ฐ์๋ค. ๋ณด์ด๋ ๊ฒ๋ ๊ทธ๋ ๊ณ , ๋ณด์ด์ง ์๋ ๋ถ๋ถ์์๋ ์๋ง ๊ทธ๋ฌ์ง ์์๊น. ํํํ์ง๋ ์์์ง๋ง ๋ค๋ค ๋๋ฌด ๋๋จํ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ๋๋ ๋ ๋ถ๋ฐํด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
์ ๊ธฐํ๊ฑด ๋ฐฐ์ธ์๋ก ๋ ์ฌ๋ฏธ์๊ณ , ๋ ์ํ๊ณ ์ถ์ด์ก๋ค๋ ๊ฒ์ด๋ค. ์ง๊ธ ๋น์ฅ์ ์ ํ์ง ๋ชปํด๋, ์ข ๋ ์ต์ํด์ง๊ณ ์ถ๊ณ , ์ฝ๋์ ์นํด์ง๊ณ ์ถ๋ค. ๋ ๋ง์ ๊ณณ์์ ์ธํ์ ์ป๊ณ , ๋ค์ํ ๋ฐฉ๋ฒ์ผ๋ก ์์ํ์ ๋ด๊ณ ์ถ๋ค. ์ผ๋ฅธ ์ผ์ ํ๊ณ ์ถ๋ค๋ ์๊ฐ๋ ๋ค์๋ค. ํ ์ ์์๊น? ์๊ฐ์ด ์ง๋ ์๋ก ๋ ๋ง์ ์๋ฌธ์ด ๋ค์ง๋ง, ์๊ฐ์ ๋ค์ด๋ฉด ํ ์ ์์ ๊ฒ์ด๋ผ ๋ฏฟ๊ณ ๋ ๋ฌ๋ ค๊ฐ์ผ์ง.