์ค๋ ๋ถํฐ 5์ผ๊ฐ ์๋ก ํ๋ก์ ํธ๊ฐ ์งํ๋๋ค.
๋คํํ ์ฝ๋์คํ
์ด์ธ ์ธก์์ ๋์์ธ์ด ๋์ด์๋ ํผ๊ทธ๋ง ํ์ผ์ ์ ๊ณตํด ์ค์
๊ทธ๋๋ง ๋คํ์ด๋ค. ์ด๋ฒ ์๊ฐ์๋ ๋ฐ๋ก ์์
๋ค์ด๊ฐ์ง ์๊ณ
ํ๋ก์ ํธ์ ์๊ตฌ ๋ถ์ ๋ฐ ํ๋๋ ํ๋ ์๊ฐ์ ํ์ด ๋ถ๊ณผ ํจ๊ป ์งํํ๋ค.
๊นํ๋ธ ๋ ํฌ์งํ ๋ฆฌ ์์ฑ, ํ๋ก์ ํธ ํด๋๋ง ๊ตฌ์ฑ ๋ฐ ์์ฑ, ์ด๊ธฐ README ๋ํ๋จผํธ ์์ฑ , ์ฝ๋ฉ์ปจ๋ฒค์ ์ ๋ฆฌ ๋ฐ ๋ฌธ์ํ ๋ฑ
์ฌ์ค... ์ ๋ถ ํ์ ํ์ง ๋ชป ํ ๊ฑฐ ๊ฐ๋ค.
์ฐ์ ๊ธฐ๋ฅ์ ์ธ๋ถํํ๊ฒ ๋๋ด๋ค...
๋๋ด๋ค ์๊ฐ ํ์ง๋ง ๋ถํ ์ ์๋ชปํ๋ค ์๊ฐํ๋ค.
ํฐ ํ์ ๋จผ์ ์ ์ ํด ์ฃผ์๋ค.
๊ฐ ์นด๋๋ฅผ ํด๋ฆญํด ์ธ๋ถ ์ฌํญ์ ์ ๋ฆฌํ๋ค.
์ฌ๊ธฐ์ ๋์น๊ฑฐ๋ผ๋ฉด
10H์ด๋ผ ์ ํ ์นด๋๋ฅผ ์ข ๋ ์ธ๋ถํ๋ก ๋๋์ง ๋ชป ํ ์ ์ด ์๋๊ฐ ์ถ๋ค.
์ฌ๊ธฐ์ ์ข ๋ ์ธ๋ถํํ๊ฒ
์ด๋ ๊ฒ ๋๋ ์ ๋ฆฌํ์ด์ผ ํ๋๋ฐ
ํ๋๋ก ๋ญํ๊ธฐ๋ก ์ ๋ฆฌํด์ 10H์ด ๋๊ฑฐ ๊ฐ๋ค...
์ด ๋ถ๋ถ์์ 1์ฐจ ์๋ชป์ ๋๊ผ๋ค.
๋ฉ์ธํ์ด์ง, ์ํ ๋ฆฌ์คํธ ํ์ด์ง, ๋ถ๋งํฌ ๋ฆฌ์คํธ ํ์ด์ง, ๋ชจ๋ฌ์ฐฝ, ํ ์คํธ ํ ๊ธ
ํฐ ๋จ์๋ก ์ปดํฌ๋ํธ๋ฅผ ๋๋ ๋ณด์๋ค.
์๋ง ์ด๊ฒ ์ ๋ต์ ์๋ ๊ฑฐ๋ผ ์๊ฐ ํ๋ค ๋ํ ์์
ํ๋ค ๋ณด๋ฉด์
๋ณ๊ฒฝ๋์ง ์์๊น ์ถ๊ธฐ๋ ํ๋ค.
๊ทธ๋๋ ์ปดํฌ๋ํธ๋ฅผ ๋๋ ๋๋ ์์ ํ๋๋ฐ ์ข ๋ ์์ํ๋ค ์๊ฐํ๋ค.
header, footer๋ ๊ณ ์ ์ด๊ณ MainPage, ProdectListPage, BookmarkListPage๊ฐ nav ๋ฉ๋ด ํด๋ฆญ์ ๋ฐ๋ผ ๋ณ๊ฒฝ ๋๋ ๊ตฌ์กฐ์ด๋ค.
Router๋ฅผ ์ด์ฉํด ์ด๋ถ๋ถ์ ํด๊ฒฐํ ์ ์์ง ์์๊น ์๊ฐํ๋ค.
ํด๋ ๊ตฌ์กฐ๋ ์ผ๋จ ์ ๋ฆฌํด ๋ณด์๋ค.
์ด๋ํ ์ ๋ต์ด ์๋๋ค. ์ฝ๋์คํ
์ด์ธ ์์ ์ด๋ ๊ฒฝ๋ก๋ก ์ด๋ํด ๋ฌ๋ผ๋ ์์ธํ ์์ฒญ์ด ์์ด
๊ทธ๋ถ๋ถ์ ์ฐธ๊ณ ํด์ ์งํํ์ง ์์๊น ์ถ๋ค.
๊ทธ๋๋ ์ด๋ ๊ฒ ํด๋๋ฅผ ๋ถ๋ฆฌํด์ ์งํํ๋ฉด ์ดํ ์ด๋ ํ ์์ ์ ํด์ผํ๋์ง ์ฝ์ง ์์๊น ์ถ๋ค.
์๊น๋ ๋งํ๋ฏ์ด...
4๊ฐ์ ํ์
์ ๋ํ ์ปดํฌ๋ํธ ๊ฐ๋ฐ ์์ญ์ ์ข ๋ ์ธ๋ถํ๋๋์ง ๋ชปํ๋ค.
์๊ฐ ๋ถ๋ฐฐ๋ ๊ฐ์ด ์งํํ๊ฑฐ๋ผ ๊ฐ์๊ธฐ ๋ฐ๊ฟ ์ ์๋ค ์๊ฐํ๋ค.
๋์ ๊ฐ์ธ์ ์ผ๋ก ํ ๋ฒ ๋ ์ธ๋ถํ๋ฅผ ๋๋ ์งํํ ๊น ํ๋ค.
useState, useEfect๋ฅผ ์ฌ์ฉํด ๊ด๋ฆฌํ๋ฉด ๋๋ค ์๊ฐ์ ํ๊ณ ์๋ค.
๋ํ ํ ์คํธ๋ ๊ตฌํ์ ํด์ผํ๋ค๋ ์ ์ด๋ค. ์ฌ๊ธฐ์ ๊ตฌํํด์ผํ๋ ํญ๋ชฉ์
์ด๋ ๊ฒ ๋ดค์ ๋ ๋ถ๋งํฌ ๊ตฌํ์์ ๋ง์ ์๊ฐ ์์๊ฐ ์์ ๋๋ค.
์์ง ๊ฐ ๊ธธ์ด ๋ฉ๋ค.
์ด๋ ๊ฒ ํ๋ก์ ํธ๋ฅผ ์งํํด๋ณธ ๊ฒฝํ์ด ์์ด ์ง๊ธ ์ ํ๊ณ ์๋๊ฒ ๋ง์๊น?
์ฒซ ๋จ์ถ๋ฅผ ์๋ชป ์ฐผ์ผ๋ฉด ์ด์ฉ์ง? ์ด๋ฐ ์๊ฐ์ด ๋ ๋ค...
๋์ ์ค๋ ฅ๋ ์ด๋ ์ ๋ ์ธ์ง ํ์
ํ๊ธฐ ์ด๋ ค์ด๋ฐ
์ด๋ป๊ฒ ๊ธฐ๋ฅ ๊ตฌํํ๋๋ฐ ๋ช ์๊ฐ์ด ๊ฑธ๋ฆด์ง ์ ์ ์๋๊ฑฐ์ง..? ๋ฑ
๋ง์ ์๊ฐ์ ํ๊ฒ ๋์๋ค.
์ด๋ฒ ๊ณผ์ ๋ฅผ ์งํํ๋ฉด์ ํ๋ก์ ํธ๋ ์ด๋ค ๋ฐฉํฅ์ผ๋ก ํ๋ฌ๊ฐ๋์ง
๊ผญ ์๊ณ ๊ฐ์ผ๋ฉด ์ข๊ฒ ๋ค. ๊ทธ๋์ผ ํ์
์ ๊ฐ์ ๋๋ ๋ฐ๋ก ํ์
ํ ์ ์์ง ์์๊น ์ถ๋ค.