| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 | 31 |
- ํ๋ก๊ทธ๋๋จธ์ค
- position
- fetch API
- Flex
- ํ๋ก ํธ์๋
- CSS
- ์๊ณ ๋ฆฌ์ฆ
- history api
- float
- ์๋ฐ์คํฌ๋ฆฝํธ
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- ๋ฐ๋ธ์ฝ์ค
- useRef
- useEffect
- ์ฝ๋ฉํ ์คํธ
- REACT
- ๋ธ๋ก๊ทธ
- Props
- Gatsby
- Today
- Total
๋ชฉ๋กuseRef (1)
Daehyunii's Dev-blog
React, useEffect, useRef, props
React๋? 1. React ์๊ฐ ๋ฆฌ์กํธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ๋ฆฌ์กํธ๋ฅผ ๊ตฌ์ฑํ๋ ๊ธฐ๋ฅ๋ค์ ์ต์ํ์ ๋ ธ๋ ฅ์ผ๋ก ์ต๋์ ํจ์จ์ ๋ด๊ธฐ ์ํจ์ด๋ค. 2. React ํน์ง Reactive Programming์ด๋ค. React๋ ์ํ๋ฅผ ๊ด์ฐฐํ๊ณ ๋ณํ๊ฐ ๋ฐ์ํ ๊ฒฝ์ฐ ์ฐ๊ด๋ ๊ณณ์์ ์ฐ์ฐ์ด ์ํ๋๋ค. MVC์์ ๋ฆฌ์กํธ๋ V๋ง ๊ด๋ฆฌํ๋ค. ์ฌ๊ธฐ์ View๋ ์ปดํฌ๋ํธ์ด๋ค. ์ปดํฌ๋ํธ๋ ์ฌ์ฌ์ฉ์ด ๊ฐ๋ฅํ ๋ ๋ฆฝ์ ์ธ ๊ฐ์ฒด์ด๋ฉฐ ๋ฐํ์ ์์ ์ ์ฌ์ฉ๋๋ค. ์ปดํฌ๋ํธ๋ ํธ๋ฆฌ ๊ตฌ์กฐ๋ก ๋ํ๋ผ ์ ์๋ค. ์ปดํฌ๋ํธ ์กฐํฉ์ผ๋ก View๋ฅผ ๊ตฌ์ฑํ๋ค. Virtual DOM์ด๋ค. ํ์ํ ๋ถ๋ถ๋ง ํ ๋ฒ์ ๋ ๋๋งํ๋ค. ์ฑ๋ฅ๋ณด๋ค๋ ๊ฐ๋ฐ์ ์ฝ๊ฒ ํ๊ธฐ ์ํด ์ฌ์ฉ๋์๋ค. 2. create-react-app, JSX 2.1 create-react-app ์๋ก์ด ๋ฆฌ์กํธ ์ฑ์ ๋ง..