๐ก ๊ธฐ์กด ๊ต๋ด ์ปค๋ฎค๋ํฐ ๋ ์จ ๊ฒ์ํ์ ์๊ฐ ์ ๋ณด ๋ถ์กฑ๊ณผ, ๊ธฐ์์ ๋ณด๋ฅผ ์ข
ํฉ์ ์ผ๋ก ํ์
ํ ์ ์๋ค๋ ๋ฌธ์ ์ ์์ ์์ํ์ฌ ๊ณ ์ํ, ์ดํ์ธ์ ์ํ ๊ธฐ์์ ๋ณด ์๋น์ค์
๋๋ค. ์คํ API๋ฅผ ํ์ฉํด ๋งค์ผ์ ๊ธฐ์์ ๋ณด๋ฅผ ์ ๊ณตํ๋ฉฐ, ์ท์ ๋ํ ํฌํ๋ฅผ ํตํด ๊ต๋ด ์ปค๋ฎค๋ํฐ ๋ ์จ๊ฒ์ํ์ ๊ธฐ๋ฅ์ ์๊ฐ์ ์ผ๋ก ํ์ฅํฉ๋๋ค. ์ดํ๊ทธ๋ฆฐ ์์ ์ผ์ , ๋ฝ๊ธ์ดํ๋ ๋ฑ์ ์
์ ์ดํ ๊ณฐ๋์ด๋ฅผ ํตํด ๊ธฐ์จ๊ณผ ๊ฐ์์ํ๋ฅผ ํ์
ํ ์ ์์ต๋๋ค.
๐src
โโโ ๐.env <!--์๋ฒ์ฃผ์, ๊ฐ์ข
ํค-->
โโโ ๐index.js <!--JS entry & set HOC-->
โโโ ๐App.js <!--Main Excution File-->
โโโ ๐AppRouter.js <!--Route-->
โโโ ๐apis <!--Api ํธ์ถ-->
โโโ ๐assets <!--Image File (SVG) -->
โโโ ๐components <!--Atomic design-->
โโโ ๐common <!--์ฌ๋ฌ ๊ณณ์์ ์ฐ์ด๋ ์ปดํฌ๋ํธ-->
โโโ ๐pages <!--Routing์ ๋ฐ๋ฅธ ๋ ๋๋งํ page-->
โโโ ๐styles <!--Styled Component ์ธํ
& ์คํ์ผ ๊ด๋ จ ๋ณ์-->
โโโ ๐constants <!--๊ฐ์ข
์์ ๊ฐ ๊ด๋ฆฌ-->
โโโ ๐hooks <!--custiom hooks-->
โโโ ๐context <!--Recoil ์ํ ๊ด๋ฆฌ : ์ ์ ์ ๋ณด ๋ฐ ๊ธฐ์ ์ ๋ณด-->
โโโ ๐utils <!--๊ฐ์ข
์ ํธ ํจ์-->