| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- Props
- Flex
- ํ๋ก๊ทธ๋๋จธ์ค
- ์ฝ๋ฉํ ์คํธ
- REACT
- ์๊ณ ๋ฆฌ์ฆ
- ๋ฐ๋ธ์ฝ์ค
- position
- CSS
- ํ๋ก ํธ์๋
- float
- history api
- useRef
- Gatsby
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- fetch API
- useEffect
- ๋ธ๋ก๊ทธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- 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 ์๋ก์ด ๋ฆฌ์กํธ ์ฑ์ ๋ง..