โ๐ป ์ค๋ ๋ฐฐ์ด ๊ฒ, Key Point
- React
๋ฆฌ์กํธ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ํ JavaScript ์คํ์์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ๋ฆฌ์กํธ๋ ์ ์ธํ, ์ปดํฌ๋ํธ ๊ธฐ๋ฐ, ๋ค์ํ ๊ณณ์์ ํ์ฉํ ์ ์๋ค๋ ํน์ง์ด ์๋ค. ๋ฆฌ์กํธ๋ ํ ํ์ด์ง๋ฅผ ์ํด HTML / CSS / JS ๋ก ๋๋ ์ ์ ๊ธฐ๋ณด๋ค๋ ํ๋์ ํ์ผ์ ๋ช ์์ ์ผ๋ก ์์ฑํ ์ ์๊ฒ JSX๋ฅผ ํ์ฉํ ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ์ ์งํฅํ๋ค. ๋ํ ํ๋์ ๊ธฐ๋ฅ ๊ตฌํ์ ์ํด ์ฌ๋ฌ ์ข ๋ฅ์ ์ฝ๋๋ฅผ ๋ฌถ์ด๋ ์ปดํฌ๋ํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฐํ๋ค. ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌํจใด์๋ก ๋ ๋ฆฝ์ ์ด๊ณ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ๊ธฐ ๋๋ฌธ์ ๊ธฐ๋ฅ ์์ฒด์ ์ง์คํ์ฌ ๊ฐ๋ฐํ ์ ์๋ค. ๋ฆฌ์กํธ๋ JavaScipt ํ๋ก์ ํธ ์ด๋์๋ ์ ์ฐํ๊ฒ ์ ์ฉ๋ ์ ์๋ค. Facebook์์ ๊ด๋ฆฌ๋์ด ์์ ์ ์ด๊ณ ๊ฐ์ฅ ์ ๋ช ํ๋ฉฐ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ก ๋ชจ๋ฐ์ผ ๊ฐ๋ฐ๋ ๊ฐ๋ฅํ๋ค.
- JSX
JSX๋ JavaScript XML์ ์ค์๋ง๋ก ๋ฌธ์์ด๋ ์๋๊ณ HTML๋ ์๋๋ค. React์์ UI๋ฅผ ๊ตฌ์ฑํ ๋ ์ฌ์ฉํ๋ ๋ฌธ๋ฒ์ผ๋ก JavaScript๋ฅผ ํ์ฅํ ๋ฌธ๋ฒ์ด๋ค. ์ด ๋ฌธ๋ฒ์ ์ด์ฉํด์ ์ฐ๋ฆฌ๋ React ์๋ฆฌ๋จผํธ๋ฅผ ๋ง๋ค ์ ์๋ค.
๐ก ์ค๋ ๋๋ ์
DOM ๋ถํฐ ์์ํด์ ์ ๋๋ก ์ดํด๋ฅผ ๋ชปํ๊ณ ๋์ด์ค๋ค ๋ณด๋ ๊ฒฐ๊ตญ ํฐ์ง๊ฒ ํฐ์ง ๋ฏ์ด.. ์ค๋ ํ์ดํ๋ก๊ทธ๋๋ฐ ์๊ฐ์๋ ์ญ๋๊ธ์ผ๋ก ๋ฌด๋ ฅํจ์ ๋๊ผ๋ค. ๋น์ฅ ๊ธํ ๋ถ๋ถํฐ ๋๊ณ ์ฃผ๋ง์ ๋ค๋ฅธ ๊ฒ๋ค์ ๋ณต์ตํด์ผ ๋ ๊ฒ ๊ฐ๋ค. ํ์ด๋ถ์ด ์ค๋ช ์ ํด์ค๋ ์ ํ ๋ชป์์๋ฃ๋ ๋ด ์์ ์๊ฒ ํ๋ฐ์ ๋์ง ์์๋ค.. ํ์ด๋ถ์๊ฒ ์ ๋ง ์ฃ์กํ ๋ฟ์ด๋ค. ์ด๋ฒ ํ์ด๋ถ๊ณผ๋ ์ดํ์ด๋ ๋ ํจ๊ป ํด์ผํ๋๋ฐ ๋ค์ ํ์ดํ๋ก๊ทธ๋๋ฐ ์๊ฐ์๋ ๋ด๊ฐ ์ฃผ๋ํ ์ ์๋๋ก ๋ง๋ค์ด ๋ณด๊ณ ์ถ๋ค.
๐ ๋ด์ผ ํ ์ผ
- TIL ๋์น์ง ์๊ณ ๊พธ์คํ ์ฐ๊ธฐ (Default)
- 1์ผ 1์ปค๋ฐํ๊ธฐ (Default)
- DOM ๋ถํฐ ํ์ฌ ๊ณผ์ ๊น์ง ํ์คํ ๋ณต์ต
- ๋น์ผ ๋ฐฐ์ด ๊ฒ์ ๋ํ ํ์คํ ๋ณต์ต
- Sprint ์๊ฐ์ ํด์ฃผ์๋ ๋ง์๋ ์ค์ํ ๊ฒ๋ค์ ๊ผญ ๋ฉ๋ชจํ๊ธฐ
- 1์๊ฐ ์งฌ๋ด์ ์ด๋ํ๊ธฐ
'Log > ๐ป TIL (CodesStates)' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๐ป TIL 21์ผ์ฐจ - 21.07.12 (0) | 2021.07.12 |
---|---|
๐ป TIL 20์ผ์ฐจ - 21.07.09 (0) | 2021.07.09 |
๐ป TIL 18์ผ์ฐจ - 21.07.07 (0) | 2021.07.07 |
๐ป TIL 17์ผ์ฐจ - 21.07.06 (0) | 2021.07.07 |
๐ป TIL 16์ผ์ฐจ - 21.07.05 (0) | 2021.07.07 |
๋๊ธ