fe folder structure
ryan-kim-dev edited this page Sep 18, 2022
·
1 revision
- client
- src
- assets
- components
- Footer
- Form
- FormStyles.js
- user
- LoginForm.js
- SignupForm.js
- Nav
- redux
- store
- store.js
- userSlice.js
- store
- pages
- HomePage.js
- LoginPage.js
- SignupPage.js
- src
- assets
- ๋ก๊ณ ์ด๋ฏธ์ง, ์์ด์ฝ ์ด๋ฏธ์ง ๋ฑ ๋ ์ด์์ ๊ตฌํ์ ํ์ํ ํ์ผ๋ค์ assets ํด๋์ ๋ด์ต๋๋ค.
- components
- ์ ์ญ์์ ๊ณตํต์ผ๋ก ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ
- Form ์ฒ๋ผ ์ฌ๋ฌ๊ณณ์์ ๋ค์ํ๊ฒ ์ฌ์ฌ์ฉ๋๋ ์ปดํฌ๋ํธ๋ ํด๋ ์์ ํด๋๋ก ๊ธฐ๋ฅ๋ณ๋ก ๊ด๋ฆฌํฉ๋๋ค.
- Form > user > ํ์๊ฐ์ , ๋ก๊ทธ์ธํผ
- Form > FormStyle.js (์ฌ๋ฌ ํผ์์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ styled-component ์ ์๋ง ๋ ํ์ผ)
- pages
- ๋ผ์ฐํ ๊ฒฝ๋ก์ ๋ฐ๋ผ ๋ผ์ฐํ ๋๋ ํ์ด์ง ๋จ์์ ์ปดํฌ๋ํธ
- ํด๋น ํ์ด์ง์์ ์ฌ์ฉ๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ๋ค์ components ํด๋์์ import ํด์ต๋๋ค.
- redux
- store ํด๋: ์ ์ญ์ผ๋ก ์ํ๊ด๋ฆฌํ๋ ์ฌ๋ฌ slice๋ค์ state๊ฐ ๋ด๊ธด store.js ํ์ผ์ ๊ฐ์ง๋๋ค.
- userSlice.js : ํ์๊ฐ์ , ๋ก๊ทธ์ธ ๊ด๋ จ