์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- type
- ์จ๋ผ์ธ
- react
- ๋ถํธ์บ ํ
- JS
- K-Digital
- API
- Firebase
- ์๋ฌ
- ๋ด์ผ๋ฐฐ์์บ ํ
- ์๋ฐ์คํฌ๋ฆฝํธ
- Redux
- ์ฝ๋ฉ
- ๋ณ์
- ํ๋ก์ ํธ
- ํ๋ก ํธ์๋
- ๊ฐ๋ฐ์
- ํ์
- wil
- ํ์ค
- ๋ฆฌ์กํธ
- ๋ด์ผ๋ฐฐ์
- NEXT
- native
- ํจ์
- ์๊ณ ๋ฆฌ์ฆ
- PROJECT
- JavaScript
- rn
- trainning
- Today
- Total
Frontend ๊ฐ๋ฐ์ - hyo.loui
(React) WIL - 10์ฃผ์ฐจ ํ๊ณ ๋ณธ๋ฌธ
๐ WIL: Weekly I Learned
Work done this week
์ด๋ฒ ์ฃผ ๋๋ธ ์ผ!
- ํฐ์คํ ๋ฆฌ ํฌ์คํ = ๋งค์ผ TIL ์ผ์ง (๋ชฉํ, ์ค๋ฅ, ์ ๋ฆฌ๋ก ์ธ๋ถํ)
- Project : MZL (MZ-Languagae)= ํ๋ก์ ํธ ์์( S.A >> ๊ธฐํ >> ๋์์ธ >> UI์์ฑ )
- React Native ์ฌํ ๊ฐ์ ๋ฐ ์ค์ต = Movie app (React-Query)
Project Start
'helprogrammers' ๋ผ๋
Redux / RTK / thunk ํ์ฉํ ํ๋ก์ ํธ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ๋ง์น๊ณ
์๋ก์ด ํ์ด ๋ฐฐ์ ๋์๋ค
์ด๋ฒ ํ๋ก์ ํธ ์ฒซ ํ์์ ๋์จ ๊ณตํต์ ์๊ฒฌ์ผ๋ก
'๊ธฐ๋ณธ์ ์ถฉ์คํ์' ๋ผ๋ ์๊ฒฌ์ด ๋ค์์ด๊ธฐ์
ํน๋ณํ ๊ธฐ๋ฅ์ ์ด์ ์ ๋ง์ถ๊ธฐ ๋ณด๋ค๋,
์ดํด๋ ๋์ ์์ ์ ๊ธฐ๋ฐํ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ๋ก ๊ฒฐ์ ๋์๋ค.
๋ฐฉ๋ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ, ํ์ต ๋ฒ์๋ก ์ธํด ๋ค๋ค ์ง์น ๊ธฐ์์ด ์ญ๋ ฅํ๋ค..
๋ฌผ๋ก ๋ ํฌํจ๐ฅ
ํ๋ก์ ํธ ์ปจ์ ์
์ธ๊ณ์ ์ผ๋ก๋ ๋ฐ์ํ๋ ์ ์กฐ์ด๊ฐ ํ๊ฒ์ด ๋์๋ค,
๊ธฐ์ฑ์ธ๋๊ฐ ์์๋ฃ๊ธฐ ์ด๋ ค์ด ์ ์กฐ์ด์ ์๋ฏธ์ ๋ป์
์ ์ ๋ค์ด ์์ ๋กญ๊ฒ ์์ฑํ ์ ์๋ ์๋น์ค์ด๋ค
์ฌ๋ฏธ์๋ ํ๋ก์ ํธ๊ฐ ๋ ๊ฒ ๊ฐ๋ค
ํ์ง๋ง ์ด๋ฒ ํ๋ก์ ํธ๋ ์๋กญ๊ฒ React-Query๋ฅผ ํ์ตํ๊ณ ์ ์ฉํด์ผ ํ๊ธฐ๋๋ฌธ์
์ฝ์ง๋ง์ ์์ ๊ฒ ๊ฐ๋ค..
Study review
React Native ๋ฅผ ๋ฐฐ์ฐ๋ ์ค๋ก, ๋ค๋ฅธ ํ์ต์ ๋นํด ์๋์ ์ผ๋ก ๋์๋ค.
ํ์ง๋ง ์งง์ ์๊ฐ ์์
์ฌ๋ฌ๊ฐ์ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฒฝํํ๋ค ๋ณด๋
๊ทธ์ ์ ๋ฐฐ์ ๋ ๋ถ๋ถ์ด ๋น ๋ฅด๊ฒ ๋ฌ๋ผ์ง๊ณ ๋ณด๋ ์๊ฐ์ด ์ง์์ ์ผ๋ก ๋ฐ๋์๋ค.
์ฌ๋ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ต๋ํ๊ณ ,
์ ์ฉํ๋ ํ๋ก์ ํธ๋ฅผ ์ง์ํ๋ฉด์
์ฅ์ ๊ณผ ๋จ์ ์ด ์์ง๋ง ์ค์ค๋ก ์ผ์ค์๊ฒ ์ ๋ณํด์ ํ์ต ํ๊ธธ ๋ฐ๋๋ณธ๋ค
React-Query๋ฅผ ํ์ตํ๋ฉด์ ๋๋ ์ ์,
thunk๋ฅผ ํ์ตํ ๋ ๋๋ ๋ฒ๊ฑฐ๋ก์ด ์ ์ด ํ๊บผ๋ฒ์ ํด๊ฒฐ์ด ๋์๋ค.
๋ฐ๋ณต๋๋ ์ฝ๋, ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ ๋ณต์กํ ์ฝ๋๊ฐ ๋๋ฌด ๊ฐ๊ฒฐํด์ก๊ณ ,
ํผํฌ๋จผ์ค ์ ์ผ๋ก๋ ๋งค์ฐ ํฅ์๋์๋ค๋ ๋๋์ ๋ง์ด ๋ฐ์๋ค!
์ค์ ๋ก ํ์ ์์ react-query์ ์ฌ์ฉ, ์ธ๊ธฐ๋๊ฐ
๋ ๋ก ๋์ด๋๊ณ ์๋ค๊ณ ํ๋
๊น๊ฒ ์ต๋ํด์ ์๋ฒํต์ ์ ์๋ฒฝํ ์ดํดํ๊ณ ๋ชธ์ ๋ฒ ์์ผ๋ฉด ์ข๊ฒ ๋ค!
๐ฆพ ๋น ์ดํ ๊ทธ.
2023๋ 1์ | 1 week | 2 week | 3 week | 4 week |
ํ์ต ๋ด์ฉ (ํ๋ก์ ํธ) |
RN ์ฌํ ๊ฐ์ ์๊ฐ์ค(react-query, firebase ์ฐ๋ ๋ฑ) ํ๋ก์ ํธ(MZL) ์งํ์ค |
|||
์ฌ์ฉ ํด defalut : VS code |
npm, RN, expo, react-query, github |
'WIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
(React) WIL - 12์ฃผ์ฐจ ํ๊ณ (3) | 2023.01.21 |
---|---|
(React) WIL - 11์ฃผ์ฐจ ํ๊ณ (0) | 2023.01.13 |
(React) WIL - 9์ฃผ์ฐจ ํ๊ณ (4) | 2023.01.02 |
(React) WIL - 8์ฃผ์ฐจ ํ๊ณ (4) | 2022.12.25 |
(React) WIL - 7์ฃผ์ฐจ ํ๊ณ (0) | 2022.12.18 |