์ ์ฒด ๊ธ(132)
-
Capstone#6. ํ๋ก์ ํธ์ Redux Toolkit ๋์ ํด ์ํ ๊ด๋ฆฌ ํ๊ธฐ
์๋ ํ์ธ์~~!!์ค๋ ๋ฒ์จ ์ ์ ์บก์คํค์ ์๊ฐํ๋ 6์งธ ์๊ฐ์ด๋ค์ ํฌํฌํฌ์ค๋์ ์ด๋ค ๊ธ์ ๋จ๊ธธ๊น~~ ํ๋ค๊ฐ์ฐ์ ์ฐ์ ์๋ฌด๋๋ ์ํ๊ด๋ฆฌ๋งํผ ๋ ์ค์ํ๊ฒ ์์์์~? React Native์์์ '์ํ'๋ ๋๊ฐ์ง๋ก ๊ตฌ๋ถ์ด ๋๋๋ฐ, ๋ก์ปฌ ์ํ์ ๊ธ๋ก๋ฒ ์ํ [์ผ์ชฝ ํธ๋ฆฌ ๊ทธ๋ฆผ]- useState ๋ฑ์ ๋ก์ปฌ ์ํ๊ด๋ฆฌ : ํํฌ๋ ๋ก์ปฌ ๊ตฌ์ฑ ์์ ์ํ์ ์ฌ์ฉํด์.์ํ๋ฅผ ํน์ ๊ตฌ์ฑ ์์์ ๋ก์ปฌ๋ก ์ ์งํ๊ณ ํด๋น ๊ตฌ์ฑ ์์๊ฐ ์์ฒด ์ํ๋ฅผ ์ ์ดํ ์ ์๋๋ก ํฉ๋๋ค.์ด ์ํ๋ ๋ช ์์ ์ผ๋ก props๋ก ์ ๋ฌํ๊ฑฐ๋ ์ ์ญ ์ํ ๊ด๋ฆฌ ํ์์ ์ฌ์ฉํ์ง ์๋ ํ ๊ตฌ์ฑ ์์ ๊ฐ ๊ณต์ ๋์ง ์์ต๋๋ค!! [์ค๋ฅธ์ชฝ ํธ๋ฆฌ ๊ทธ๋ฆผ]- Redux store์ ์ ์ญ ์ํ ๊ด๋ฆฌ : Redux ์คํ ์ด๋ ์ฐ๊ฒฐ๋ ์ฑ์ ๋ชจ๋ ๊ตฌ์ฑ ์์์์ ์ก์ธ์ค ํ ์ ์๋ ์ ..
2024.11.14 -
Capstone#5. React Native ๋น๋๊ธฐ ์ ์ฅ์ AsyncStorage
์๋ ํ์ธ์!์ ๋ฒ ํฌ์คํ ์์ https://dlawlgus40.tistory.com/136 Capstone#4. Axios instance ์์ฑํ๊ธฐ / Axios interceptors์๋ ํ์ธ์!์ค๋์ ๋ฒ์จ!! ์ ์ ์บก์คํค์ ์๊ฐํ๋ ๋ค ๋ฒ์งธ ์๊ฐ์ด๋ค์~~ ์.. ๋ค์ ๊ธ์ ์ํ๊ด๋ฆฌ๋ฅผ ํ ๊น... ํ๋ฉด ๊ตฌ์ฑํ๋ ๊ฑธ๋ก ํ ๊น..๋ญ๋ก ํ ๊น ํ๋ค๊ฐ.. ์ฐ์ ์ดํ์ด ๋ฑ ์ฒ์์ ์คํ๋์์ ๋dlawlgus40.tistory.com interceptors์ ๊ธฐ๋ฅ ์ค๋ช ํ๋ฉด์ ์ฝ๋๊ฐ ์ ๊น ๋์์์๋๋ฐ,์ฌ๊ธฐ์ Axios.interceptors.request.use(async config => { if ( config.headers.Authorization === '' || config.headers.Autho..
2024.11.13 -
Capstone#4. Axios instance ์์ฑํ๊ธฐ / Axios interceptors
์๋ ํ์ธ์!์ค๋์ ๋ฒ์จ!! ์ ์ ์บก์คํค์ ์๊ฐํ๋ ๋ค ๋ฒ์งธ ์๊ฐ์ด๋ค์~~ ์.. ๋ค์ ๊ธ์ ์ํ๊ด๋ฆฌ๋ฅผ ํ ๊น... ํ๋ฉด ๊ตฌ์ฑํ๋ ๊ฑธ๋ก ํ ๊น..๋ญ๋ก ํ ๊น ํ๋ค๊ฐ.. ์ฐ์ ์ดํ์ด ๋ฑ ์ฒ์์ ์คํ๋์์ ๋์ฌ์ฉ์์ ์ ์ ์ ๋ณด๋ฅผ ํ์ธํ๊ฑฐ๋๋ก๊ทธ์ธ์ ํ๊ฑฐ๋, ํ์๊ฐ์ ์ ๋จผ์ ํ๊ฒ ๋์์์! ๊ทธ๋ ์ฌ์ฉํ๋ Axios์ ๋ํ http ํต์ ์ ๋ํ ๊ธ์ ๋จผ์ ์ ๋ ๊ฒ ์์์ ์ข์ ๊ฒ ๊ฐ์์ด์! Axios instance Axios instance๋ฅผ ์ ์ํ๋ ์ด์ ๋ ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉํ๋ ๊ธฐ๋ณธ ์ค์ ๋ค์ ํ ๊ณณ์์ ๊ด๋ฆฌํด ์ฝ๋์ ์ฌ ์ฌ์ฉ์ฑ์ ๋์ด๊ณ ์ ์ง๋ณด์๋ฅผ ์ฉ์ดํ๊ฒ ํ๊ธฐ ์ํด์์ ๋๋ค. ํนํ ์ธ์คํด์ค๋ฅผ ์ค์ ํ๋ฉด ์ฌ๋ฌ ์์ฒญ์ ๊ณตํต์ผ๋ก ํ์ํ ๊ธฐ๋ณธ URL, ํค๋,ํ์์์ ๋ฑ์ ์ต์ ์ ์ง์ ํด ์ค ์ ์์ด ๋งค๋ฒ ์ค์ ํ ํ์๊ฐ ์์ด์ ธ์..
2024.11.12 -
Capstone#3. Kotlin๋์ React Native๋ฅผ ์ ํํ ์ด์ / React Native ๋ผ๋ ์ก๊ธฐ(Navigation ์ค์ ๋ฐ ํด๋ ๊ตฌ์กฐ)
์๋ ํ์ธ์.์ค๋์ ๋ฒ์จ ์ ์ Capstone์ ์ค๋ช ํ๋ ์ธ ๋ฒ์งธ ์๊ฐ์ด๋ค์!์ผ๋จ ์ ํฌ๋.. ์ด๋ ํ ์ปค๋ฎค๋ํฐ ์ดํ์ ์ ์ํ์์ด์์ด๋ค ์ปค๋ฎค๋ํฐ์ธ์ง๋ ๋์ค์ ๋ฐ๋ก ํฌ์คํ ํ ๊ฒ์ ^__^ ์ํผ ์ ๋ ํ๋ก ํธ ๊ฐ๋ฐ์ ์ ๋ถ ๋งก๊ฒ ๋์๋๋ฐ๊ทธ๋์ ์ ๊ฐ ์ด๋ค ์คํ์ ์ฌ์ฉํ ์ง ๊ฒฐ์ ํ ์ ์๋ ๊ฒฐ์ ๊ถ์ด ์์์ด์. ์ง๊ธ๊น์ง ์๋๋ก์ด๋ ์ดํ์ ๋ง๋๋ ์คํ์ Kotlin, React Native ๋ ๊ฐ์ง๋ฅผ ๊ฒฝํํด ๋ณด์๋๋ฐ๋ ์ค์ ๋ญ๋ก ํ ๊น... ๊ณ ๋ฏผํ๋ค๊ฐ React Native ๋ฅผ ์ ํํ๊ฒ ๋์์ด์. ์๋ํ๋ฉด ์ React Native๋ฅผ ์ ํํ์๋์ง? ์ ๋ React Native๋ณด๋ค Kotlin์ด ์ข ๋ ๋ฏธ์ํ์ด์.๊ทธ๋์ ๊ธฐํ์ ์ข ๋ ๊น๊ฒ ๊ณต๋ถํด ๋ณด์!๋ผ๋ ๋๋์ผ๋กKotlin์ ์ธ์ณค์ง๋ง ๋งํ์ React Native๋ก ํด์ผ๊ฒ ๋ค...
2024.11.11 -
[์นดํ๋๋ฌด] ๋์ ๊ตฌ์๋์นดํ / ํ์ถฉ์์ญ์นดํ ์ฐ์ฐํ ๋ฐ๊ฒฌํ ๊ณ ์ฆ๋ํ ๋ถ์๊ธฐ์ ์นดํ
์๋ ํ์ธ์!์ค๋์ ์ค๋ ๋ฐ๋๋ฐ๋ํ๊ฒ ๋ค๋ ์จ๐๋์ ๊ตฌ์๋์นดํ / ํ์ถฉ์์ญ์นดํ ์นดํ๋๋ฌด์ ๋ํ ๋ฆฌ๋ทฐ๋ฅผ ์จ๋ณด๋ ค ํฉ๋๋คโบ๏ธํ์ถฉ์์ญ์์ ๋ฒ์ค ๊ธฐ๋ค๋ฆฌ๋ฉด์๋ค์์ ๊ผญ ๊ฐ๋ด์ผ์ง ํ๊ณ ์ ์ฅํด ๋์๋๋ฐ์ค๋ ๋ง์นจ ์๊ฐ๋์ ๋ค๋ ์์ด์ ใ ใ ๊ฑด๋ฌผ ์ธ๊ด์ ๋๋ค!์ค๋ฅด๋ง๊ธธ ์ฌ๋ผ์ค๋ฉด ์ฃผ์ฐจ์ฅ๋ ์์ด์ ใ ใ ใ ใ ์ผ๋จ ์ฌ์ง๋ ๋ช ์ฅ ์ฐ์ด์ฃผ์์ด์๋ง์ง๋ง์ ๋ถ๋ง ๊ฐ๋ํ ์ผ๊ตด์๊ธฐ๊ธด ์ฐจ๋ง ๊ณต๊ฐํ ์๋ ์๋ค์.. ์นดํ ์ด๋ฆ๋ต๊ฒ์นดํ ์ธ๋ถ ๋ด๋ถ์ ์๋ฌผ ๊ฐ๋๐ด๐ณ๐ฒ๋ญ๊ฐ ํ๋ง๋๋ ๋ถ์๊ธฐ์์ด์ ๋ฉ๋ดํ์ ๋๋ค!์ ๋ ์ผ๋จ ์์ ์ํ์ด ๋๋ฌด ํ์ํ์ด์๊ทธ๋์ ์ ๋ ์์ด์ค์๋ฉ๋ฆฌ์นด๋ ธ ์์ผฐ๊ณ ๊ฐ์ด ๊ฐ ์น๊ตฌ๋ ๋ฐคํฌ๋ฆผ๋ผ๋ผ ์์ผฐ์ด์!๊ทธ๋ฆฌ๊ณ ์ ์ด ์ฌ์ฌํ ๊ฒ ๊ฐ์์ ๋ฒํฐ์ฟ ํค๋ ํ๋ ์์ด์! ๋์ ๊ตฌ์๋์นดํ / ํ์ถฉ์์ญ์นดํ์นดํ๋๋ฌด๋ ๊ตฐ๋ฐ๊ตฐ๋ฐ ์ฌ์ฅ๋์ด ์ ๊ฒฝ ๋ง์ด ์ฐ์ ๊ฒ ๋๊ปด์ง๋ ์นดํ์ธ..
2024.11.10 -
Capstone#2. Firebase ์ธ์ฆ, ๋ง์ถคํ API ํตํฉ
๋ฒ์จ ์บก์คํค ๊ด๋ จ ๋ ๋ฒ์งธ ๊ธ์ด๋ค์! ์ฐ์ ์ ํฌ๊ฐ ์ฒซ๋ฒ์งธ๋ก ๊ณ ๋ฏผํ๋ ๊ฒ์firebase๋ก ์ฐ๋ฆฌ๊ฐ ์ํ๋ ๋ชจ๋ ์๋ฒ(๊ธฐ๋ฅ)๋ฅผ ๊ตฌํํ ์ ์์๊น?์์ต๋๋ค. firebase์์ ๋ค์ํ ๊ธฐ๋ฅ๋ค์ ์ ๊ณตํ๋ค๊ณ ํ์ฌ๋์ฐ๋ฆฌ๊ฐ ์ํ๋ ๊ธฐ๋ฅ๋ค์ 100ํผ์ผํธ ๋ด์ฅ ๋ฉ์๋๋ก ๊ตฌํํ๊ธฐ๋ ํ๋ค์ง ์์๊น?๋ผ๋ ๊ณ ๋ฏผ๋ค์ ๋จผ์ ํ๊ฒ ๋์์ด์. ๊ทธ๋์ ์ฐพ์๋ณธ Firebase์ ์ด๋ค ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด ์ข์๊น! ์ ๋ํ ๊ฒ์๋ฌผ์ ๋๋ค.์ด๋ค ๊ฒฝ์ฐ์ Firebase ์ธ์ฆ์ ์ฌ์ฉํ๊ณ ์ด๋ค๊ฒฝ์ฐ์ ์ง์ API๋ฅผ ํธ์ถ์ ํด์ผ ํ๋์ง ๊ฒฐ์ ํ๊ธฐ ์ํด๊ฐ๊ฐ์ ๊ฒฝ์ฐ๋ฅผ ๋น๊ตํด ๋ณด์์ด์. Firebase ์ธ์ฆ ์ฌ์ฉ Firebase๋ ์ด๋ฉ์ผ/๋น๋ฐ๋ฒํธ ๋ก๊ทธ์ธ, ๊ตฌ๊ธ ๋ก๊ทธ์ธ, ํ์ด์ค๋ถ ๋ก๊ทธ์ธ ๋ฑ ๋ค์ํ ์ธ์ฆ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. Firebase๋ ์ฌ์ฉ์ ์ธ์ฆ๊ณผ ๋ณด์ ๊ด๋ จ ..
2024.11.09