๐ DOM์ ์ฌ์ฉํ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ํด๋ดค๋๋ฐ ์ญ์ ํ๋ก ํธ์๋๊ฐ ์ฌ๋ฐ๋ค!!
๐ ์ค๋ ํ์ตํ ๋ด์ฉ
DOM
- Create
- Append
- Read
- Update
- Remove
- Delete
ํ์๊ฐ์ ํผ
- ์ ํจ์ฑ ๊ฒ์ฌ
๊ฐ๋จํ๊ฒ ํ์๊ฐ์ ํผ์ ์์ด๋, ๋น๋ฐ๋ฒํธ์ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ dom์ ์ฌ์ฉํด ์์ ํ๋ค. Dom์ ๋ค์ํ๊ฒ ๋ ์ฌ์ฉํ ์ ์์ ๊ฒ ๊ฐ๋ค.
๋ํ, ์ ๊ทํํ์์ ๋ํ ๋์ ์ง์์ด ์์ง ๋ถ์กฑํด ๋๊ตฐ๊ฐ์๊ฒ ์ค๋ช ํ๋ ๊ฒ์ด ์ด๋ ค์ ๋ค.
๐ ์ถ๊ฐ๋ก ๊ณต๋ถํ ๋ด์ฉ
React
- Component
- props
- states
Github
- ์๊ณ ๋ผ์คํ ์ด์ธ ํด๋ก ์์ ํด๋ณด๊ธฐ
์ฝ๋์คํ ์ด์ธ ๊ณผ์ ์์ ๊ฐ์ฅ ๋จผ์ ์ฌ์ฉํ๋ RestAPI๋ฅผ ๋จผ์ ๊ณต๋ถํด์ผ๊ฒ ๋ค. Graphql์ด RestAPI๋ณด๋ค ์ข๋ค๋ ๊ฒ์ ๋ง์ ๊ธ๊ณผ ์์์ ๋ด์ ์์ง๋ง ํ์ฌ ๋ด๊ฐ ๋จผ์ ์ฌ์ฉํ๊ฒ ๋๋ ๊ฒ์ ๊ณต๋ถํ๋๊ฒ ์ฐ์ ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๋จผ์ ๊ณต๋ถํ๊ณ Graphql์ ํ์ ๊ณต๋ถํ๋ค๋ฉด ๋ ๊ฐ์ง์ ์ฐจ์ด๋ฅผ ํ์คํ๊ฒ ์ ์ ์์ ๊ฒ์ด๋ผ ์๊ฐ๋๋ค.
์๊ณ ๋ผ์คํ ์ด์ธ ๋ฅผ ํด๋ก ์์ ํด๋ณด๋ ๊ฒ์ ์ด๋ฒ์๋ ํ์ด์ ๊ฐ์ด ํ๋ ๊ฒ์ด ์๋๊ธฐ ๋๋ฌธ์ ๋จผ์ ํ๋ฒ ์์ ์ ํด๋ณด๋ฉด ๊ทธ๋ ์กฐ๊ธ ๋ ์์ํ๊ฒ ํ ์ ์์ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ด๋ค.
๐ ์ค๋ ๋๋์ & ๋ง์ ๊ฐ์ง
- ๊ณต๊ฐ ๋ฅ๋ ฅ์ ๊ธฐ๋ฅด์...
- ํ๋ก ํธ์๋ ๊ณผ์ ์์ ์ข์ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๋น์ฐํ๊ฒ ์๊ฐํ์ง ๋ง๊ณ ์ด๋ค ๋ถ๋ถ๋๋ฌธ์ ์ฌ์ฉํ๋์ง ์์๋ณด์!
- ์ผ๋จ์ ์์ ์๋ ๊ณ ๋น๋ฅผ ๋จผ์ ์๊ฐํ์!
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.05.19_TIL (0) | 2022.05.19 |
---|---|
22.05.18_TIL (0) | 2022.05.18 |
22.05.16_TIL (0) | 2022.05.16 |
22.05.15_TIL(์ผ์ฃผ์ผ๊ฐ ํ๊ณ ) (0) | 2022.05.15 |
22.05.14_TIL (0) | 2022.05.14 |