๐ฏ ์ค๋ ๊ณต๋ถํ ๊ฒ
- [React] state ๊ฐ๋ ๊ณผ useState()
- [React] ์ด๋ฒคํธ ๊ฐ๋
- [JavaScript] ๋น๊ตฌ์กฐํ ํ ๋น
๐ ๋ณด์ถฉํด์ผ ํ ๊ฒ
- [React] props, state ๊ฐ๋ ๊ณผ ๊ตฌํํ๋ ๋ฐฉ๋ฒ ์ ๋ฆฌ(ํด๋์คํ, ํจ์ํ ์ปดํฌ๋ํธ๋ณ)
- [React] virtual DOM ๊ฐ๋ ํ์ต
๐ Reflection
- ์์์๋ฅผ ์ฐ๋๋ผ ๊ณต๋ถ๋ฅผ ๋ชปํ๋ค.
- ์ ์ ๋ ฅ์ผ๋ก ์กธ์์ ์ฐธ์๋ด๊ณ ์ํ์ฝ๋ฉ ์ฑ ์ ๋ค ๋ด๋ณด๋ ค๊ณ ํ์ง๋ง ์คํจํ๋ค.
- React๋ ์ง๋๊ฐ ์ ๋ง ๋น ๋ฅด๊ฒ ๋๊ฐ๋ค. ์์ ์ ์ดํดํ๋ ค๋ฉด ์ฑ ์ ๋ค ์ฝ๊ณ ๋ค์ด์ผ ํ ํ์ด๋ค. ์กฐ๊ธ๋ง ๋ฐฉ์ฌํด๋ ๊น๋ง ๊ฒ์ ๋น์ฅฌ์ผ ์คํ๋์ค ์ฝ๋์, ์ค์์ฐฌ๋ํ ๊ฒ์ ์ฝ๋์. <- ์ด๋ฐ ์ ์ ์ํ๊ฐ ๋๋ค.
- ๊ฐ์๊ธฐ
const [user, setUser] = useState("")
์ ๊ฐ์ ์ฝ๋๋ฅผ ์ค๋ช ๋ ์์ด ๋๋ ค๋ฒ๋ฆฌ๋๊น ์ ์ ์ด ํผ๋ฏธํด์ง๋ป ํ๋๋ฐ ๋ชจ๋ ์ ์ ํ์ผ? ๋ณด๊ณ ์ดํดํ ์ ์๊ฒ ๋๋ค. - ๋น๊ตฌ์กฐํ ํ ๋น ๋ณผ ๋๋ง๋ค ์ดํด๊ฐ ์๋๋๋ฐ ๋ค๋ด์๋์ velog ํฌ์คํ ์ ๋ณด๋๊น ๋์ถฉ ์ดํด๊ฐ ๊ฐ๋ค.
- ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ ์ฑ ์ ๋์ถฉ ๋ณด๊ธด ํ์ง๋ง state๊ฐ ์ด๋ค ๊ฐ๋ ์ธ์ง ์ค๋ช ๋ ์ํ๊ณ ๊ทธ๋ฅ ๊ตฌํ๋ถํฐ ํ๋ ๊ฒ ๊ฐ์์ ๋นํฉ์ค๋ฌ์ ๋ค. ๊ทธ๋๊น state๋ ์ง์ง ๋๋ฌด ์ค์ํ ๊ฐ๋ ์ด๋ผ๊ณ ํด๋๊ณ ์ ์ ๋ญ์ง๋ ์ ์๋ ค์ค ๋๋?
- ์ฐ์ ์ํ์ฝ๋ฉ์ผ๋ก ๊ฐ๋ ์ ํ์ ํ๊ณ ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ ์ ๋ณด๋ ๊ฒ ์ข์ ๊ฒ ๊ฐ๋ค.
'TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[TIL] 20210711 (0) | 2021.07.12 |
---|---|
[TIL] 20210710 (2) | 2021.07.11 |
[TIL] 20210708 (2) | 2021.07.08 |
[TIL] 20210707 (0) | 2021.07.08 |
[TIL] 20210706 (2) | 2021.07.07 |