์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- NEXT
- ๋ฆฌ์กํธ
- PROJECT
- ํ์ค
- ์จ๋ผ์ธ
- ๋ณ์
- wil
- ๋ด์ผ๋ฐฐ์
- ์ฝ๋ฉ
- trainning
- ํ์
- Redux
- ๋ถํธ์บ ํ
- react
- K-Digital
- ํ๋ก ํธ์๋
- ์๊ณ ๋ฆฌ์ฆ
- ์๋ฐ์คํฌ๋ฆฝํธ
- JavaScript
- ํ๋ก์ ํธ
- type
- JS
- ์๋ฌ
- ๋ด์ผ๋ฐฐ์์บ ํ
- native
- ํจ์
- Firebase
- API
- rn
- ๊ฐ๋ฐ์
Archives
- Today
- Total
Frontend ๊ฐ๋ฐ์ - hyo.loui
Project : helprogrammers - S.A ๋ณธ๋ฌธ
S.A (Starting Assignments)
helprogrammers
๐ก ํ๋ก์ ํธ ์ ๋ชฉ : ํฌํ๋ก๊ทธ๋๋จธ์ค
( ํฌํ + ํ๋ก๊ทธ๋๋จธ์ค ), ( ํฌ + ํ๋ก๊ทธ๋๋จธ์ค )
ํ๋ก์ ํธ ๊ฐ๋จ ์ค๋ช : ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ๋ฅผ ์ด๋ ค์ํ๋ ๋ด์ผ๋ฐฐ์์บ ํ ๋์ ๋ถ๋ค์ ์ํด ์ง๋ฌธ์ ๊ฒ์ํ๊ณ , ๋๊ธ๋ก ํํธ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์์ต๋๋ค. ํต์ฌ์ ๋๊ธ์ด ๊ฐ๋ ค์ง ์ํ๋ก ์ํ๋ ์์ค์ ํํธ๋ง ์ด์ด๋ณผ ์ ์์ต๋๋ค.
์์ด๋์ด Goal
- ์ ์ฌ๋ฉ๋ด ๊ณต์ ์ฌ์ดํธ, ๋ญ๋จน์ง@DRAM
- ํ๋ก๊ทธ๋๋จธ์ค, ์๊ณ ๋ฆฌ์ฆ Q&A @์์ง ์ต ———————์ฑํ๐
- ์์ทจ๋ฌ ํ์ํ /๊ฟํ ๊ณต์ , ์ปค๋ฎค๋ํฐ @๊ฐ์ต ์
[๋ฆฌ์กํธ A-4์กฐ ํ๋ก์ ํธ ๊ฐ์]
ํ์ดํธ๋ณด๋
๐ก ์ฌ๊ธฐ์ ๊ธฐ ๋์๋ค๋ ํ์ ์์ด ํ๋ก์ ํธ ๋ด๋ถ ์๋ฃ๋ฅผ ์ด๊ณณ์ ๋ชจ์ ํ๋์ ํ์ธํ ์ ์์ต๋๋ค.
- ๐ ๋ค์ด์ด๊ทธ๋จ์ ํ์ฉํ ์ํฌ ํ๋ก์ฐ
- ๐ ๋ธ๋ ์ธ ์คํ ๋ฐ, ์์ด์ด ํ๋ ์
- ๐จ ๋์์ธ / ๋ ํผ๋ฐ์ค ์ฐธ์กฐ
ํ์ ์๊ตฌ ์ฌํญ
- ๋์ ๋ผ์ฐํ ์ ์ฌ์ฉ.
- 1๊ฐ ์ด์์ Custom Hook์ ๊ตฌํ.
- Form์ ์ ํจ์ฑ ๊ฒ์ฆ ๊ธฐ๋ฅ์ ์ ์ฉ. ์๋ ์์
- ex: ์ ๋ชฉ์ 10๊ธ์ ์ด์ ๊ธฐ์ ํ์ง ์์ผ๋ฉด, ๊ธ์ ์ถ๊ฐํ ์ ์๋๋ก ์ ํ → Alert ์ผ๋ก ์๋ด
- ex: Form์์ ๋ชจ๋ input์ ๊ฐ์ ์ ๋ ฅํ์ง ์์ผ๋ฉด, ๋ฒํผ์ด ๋นํ์ฑํ
- ๋ฒํผ ์ปดํฌ๋ํธ 1๊ฐ๋ก ๋ชจ๋ ๋ฒํผ์ ๊ตฌํ. ๋ชจ๋ ์คํ์ผ๊ณผ ๊ธฐ๋ฅ์ ๋ฒํผ์ ๊ตฌํํ ์ ์๋ ๋ง๋ฅ ๋ฒํผ์ ๋ง๋ค๊ฒ.
- development ํ๊ฒฝ์์๋ง redux devtool์ด ํ์ฑํ ๋๋๋ก ์ฒ๋ฆฌ.
- ๋ฐฐํฌ๋ ๊ฒฐ๊ณผ๋ฌผ์์๋ console.log() ๊ฐ ๋ณด์ด์ง ์๋๋ก ์ฒ๋ฆฌ.
- .env ๋ฅผ ์ด์ฉํด์ API ์๋ฒ์ URL ์ฝ๋์์์ ์จ๊ธฐ๋๋ก ์ฒ๋ฆฌ.
๐ก features : ํ์๋ก ๊ตฌํํด์ผ ํ ๊ธฐ๋ฅ
- ๊ณตํต
- UI ๊ตฌํํ๊ธฐ
- API ๋ช ์ธ์ ์์ฑํ๊ธฐ
- ์ง๋ฌธ ๊ฒ์๊ธ - CRUD ๊ตฌํ
- ์ง๋ฌธ ๋ฆฌ์คํธ ์กฐํ ํ๊ธฐ(๋ฉ์ธ ๊ฒ์๊ธ ์ค๋ ๋) - ๋ค์
- ์ง๋ฌธ ์กฐํ ํ๊ธฐ(์์ธํ์ด์ง) - ์นํจ, ํ์ธ
- ์ง๋ฌธ ์ถ๊ฐ ํ๊ธฐ(๊ฒ์๊ธ ์์ฑ ํ์ด์ง) - ํ์ธ, ๊ฐ์ต
- ์ง๋ฌธ ์ญ์ ํ๊ธฐ(์์ธํ์ด์ง) - ํ์ธ, ๊ฐ์ต
- ์ง๋ฌธ ์์ ํ๊ธฐ(์์ธํ์ด์ง) - ์นํจ, ๊ฐ์ต
- ์ง๋ฌธ ๊ฒ์๊ธ์ ๋๊ธ - CRUD ๊ตฌํ
- ๋๊ธ ์กฐํ ํ๊ธฐ - ์์ง, ์นํจ, ๋ค์
- ๋๊ธ ์ถ๊ฐ ํ๊ธฐ - ์์ง, ์นํจ, ๋ค์
- ๋๊ธ ์ญ์ ํ๊ธฐ - ์์ง, ์นํจ, ๋ค์
- ๋๊ธ ์์ ํ๊ธฐ - ์์ง, ์นํจ, ๋ค์
- ๋ฐฐํฌ
- json-server ์๋ฒ ๋ฐฐํฌ (heroku ์ฌ์ฉ) - ํ์ธ
- ๋ฆฌ์กํธ ํ๋ก์ ํธ ๋ฐฐํฌ (S3, vercel ๋ฑ)
- ์ถ๊ฐ๊ธฐ๋ฅ
- ๊ฒ์๊ธฐ๋ฅ - ์์ง
- ํ์ด์ง ๋ชจ๋ ๋ณํ - ๋ค์
๐ ํ ๋ด ๋ฌธํ (Ground Rule)
- ๋ฌด์กฐ๊ฑด ์๋ก๋ฅผ ~๋์ด๋ผ๊ณ ํธ์นญํ๊ธฐ
- ์๋ก ์กด์คํ์, ์๋ ์ ์ฅ์์๋ ํ๋ฒ ์๊ฐํ๊ธฐ
- ์์นจ์กฐํ๋ 9์์ ZEP์ ์ ์ํ๊ธฐ
- ์ ๋ ํ์๋ 7์์ ZEP์ ์ ์ํ๊ธฐ
- ์์ ์ค์ ๋งํ๋ ๋ถ๋ถ(์ค๋ฅ, ๊ฒ์ํด์ ์ ๋์ค์ง ์๋ ๋ถ๋ถ)๋ค์ ๋๋ฌด ์ค๋ ๊ณ ๋ฏผํ์ง๋ง๊ณ 1์๊ฐ ํน์ 2๋ฒ ์ด์ ๊ณ ๋ คํด๋ ์๋ ๋ → ํ์ ํน์ ํ์ฅ์๊ฒ ๊ณต์ ํด์ ๋นจ๋ฆฌ ํด๊ฒฐํ ๊ฒ → ๊ณต์ ํ ๋ ๊ตฌ์ฒด์ ์ธ ๋ฌธ์ ์ ์์ธ, ์ํฉ์ ์ค๋ช ํ ๊ฒ
- ์ฝ๋ ๋ฆฌ๋ทฐํ ๊ฒฝ์ฐ ์? ๋ผ๋ ์ง๋ฌธ ๋ง์ด ํ๊ธฐ, ๊ธฐ๋ถ ๋๋น ํ์ง ์๊ธฐ
- ํ์ฅ์๊ฒ ์์ ์ด ๋๋๊ฑฐ๋ ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ ๋ ํ์ฌ ์ํฉ์ ์ ๋ฐ์ดํธ.
์ต์ข ์ ๋ฆฌ
- helprogrammers ์ปค๋ฎค๋ํฐ ์๋น์ค ๊ฐ๋ฐ
- Redux-toolkit ์ผ๋ก ํ๋ก์ ํธ ๊ฐ๋ฐ, json-server๋ฅผ ํตํด ์์ API๋ฅผ ๊ตฌ์ถ
- ์ง๋ฌธ๊ณผ ๋๊ธ ๊ธฐ๋ฅ์ด ํต์ฌ์ธ CRUD ๊ธฐ๋ฅ ๊ฐ๋ฐ
- ํ๋ก์ ํธ๋ฅผ ํตํด Redux, redux-toolkit, axios, custom-hooks๋ฅผ ์ฌ์ฉํ์ฌ ์ฃผํน๊ธฐ ์๋ จ
'Project' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Project : MZL - ํ์๊ฐ์ (0) | 2023.01.09 |
---|---|
Project : helprogrammers - ์๊ฐ(์ด๋์ฅ) (0) | 2022.12.28 |
Project : helprogrammers - ์์ธ ํ์ด์ง (0) | 2022.12.26 |
Project : ํฌPicK - ํ๊ณ ๋ก (1) | 2022.11.28 |
Project : ํฌPicK - S.A (๊ธฐํ) (0) | 2022.11.18 |