Study_Develop/React Native(8)
-
[RN] ๋ฐ์ดํฐ ํจ๊ณผ์ ์ผ๋ก ๋๊ธฐ๊ณ ๋ฐ์์ค๊ธฐ - ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ or param์ ์ก(feat. props์ param์ฉ์ด ํผ๋)
์ ๋ชฉ์๋ ์ ์๋ค ์ํผ ์ด ๊ธ์์๋ props์ param์ ์ฐจ์ด๋ฅผ ํผ๋ํด์ ์๊ธด ๋ฌธ์ ์ ๋, param์ผ๋ก ๋ฐ์ดํฐ ๋๊ธฐ๋ ๊ฒฝ์ฐ์ ์ํ๊ด๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ๋ญ ๊ทธ๋ฐ ๊ฒ๋ค์ ์ฐจ์ด๋ฅผ ๋ค๋ฃฐ ๊ฒ์ด๋ค. ๋ฌผ๋ก ์์ฃผ ์ด๋ณด์ ์ ์ธ ์ค์๋ผ๊ณ ์๊ฐ์ด ๋ค์ง๋ง ์ด๋ณด์ ๋ง๋ค.ใ ๊ทธ๋ฆฌ๊ณ ๋ด๊ฐ ์ง๊ธ ์ด ๊ธ์์ ๋ง๋ค๊ณ ์ ์ด๋์ ๊ธ์ด ๋ ๋์ค์ ๋ณด๋ฉด ์ ๋ชป ์ ์ด๋ ์ ๋ณด๊ฐ ์์ ๊น ๋๋ ต์ง๋ง ใ ใ ๊ทธ๋๋ ์ผ๋จ ๊ธฐ๋กํด๋๋ค. ์์ ์ฌ์ง์ ์ต๊ทผ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ props drilling ๋ผ๋ ๋ฌธ์ ๊ทธ๋ฆฌ๊ณ ์ํ๊ด๋ฆฌ ๊ด๋ จํด์ ๊ธ์ ์ธ ๋์ ๋ด๊ฐ ์ด๋ค ๋ถ๋ถ์์ props drilling๋ฌธ์ ๋ฅผ ๋ฐ๊ฒฌํ๋์ง์ ๋ํด ๊ธฐ์ฌํ ๋ถ๋ถ์ด๋ค. ๊ทธ๋ฐ๋ฐ ๋ค์ ์๊ฐํด๋ณด๋, ์ ๊ฑด props ์ ์ก์ด ์๋, param์ ์ก์ ์ฝ๋์ด๋ค. props์ params ๋ ๋์ด ๋น์ท..
2023.09.03 -
[React, React Native] Lifecycle ๋ฐ useEffect
React์ React Native๋ฅผ ์ฌ์ฉํ ๋ ์ ์ฉํ Lifecycle, useEffect๋ฅผ ๊ณต๋ถํด๋ณด์. ์ฝ๊ฒ ๋งํด ์ปดํฌ๋ํธ๊ฐ ์์ฑ๋๊ณ ์ ๊ฑฐ๋ ๋ ํน์ ์ฝ๋๋ฅผ ์คํํ๊ธฐ ์ํด ์ฌ์ฉํ๋ ๊ฒ์ด Lifecycle์ด๋ค. ์ปดํฌ๋ํธ์ ์ธ์์ด๋ผ๊ณ ์ดํดํ๋ฉด ์ฝ๋ค. ํ์ด์ง์ ์ฅ์ฐฉ๋๊ฑฐ๋ (mount), ์ ๋ฐ์ดํธ ๋๊ฑฐ๋(update), ํ์์์ผ๋ฉด ์ ๊ฑฐ๋๊ฑฐ๋ (unmount) LifeCycle ๋? ์์ ๊ทธ๋ฆผ์ ํฌ๊ฒ4๊ฐ์ง๋ก ๋ถ๋ฅํ ์ ์๋ค. Mount : ์ปดํฌ๋ํธ ์ฒ์ ์คํ์์ผฐ์ ๋์ ์ํ state, props, context ์ ์ฅ -> componentWillMount()-> render() -> componentDidMount() (์ฃผ๋ก ์๋ฒ์ ๋ฐ์ดํฐ ์์ฒญ) Update- prop : props๊ฐ ์ ๋ฐ์ดํธ ๋ ๋ com..
2023.08.20