TIL
[TIL] 20210712
lado
2021. 7. 13. 08:27
๐ฏ ์ค๋ ๊ณต๋ถํ ๊ฒ
- [React] ํ์ ์์ - LifeCylcle API, Hooks
- [React] velopert ์ธํ๋ฐ ๊ฐ์ ์ธํ ์ํ ๊ด๋ฆฌ๊น์ง
- [OOP] ์ํ์ฝ๋ฉ javascript ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ prototype๊น์ง
๐ ๋ณด์ถฉํด์ผ ํ ๊ฒ
- [React] ์์ฝ์ด function์ผ๋ก ๋ง๋ ๋ฉ์๋๋ this๋ฅผ ๋ฐ๋ก ๋ฐ์ธ๋ฉํด์ค์ผ ํ๊ณ ํ์ดํ ํจ์๋ก ๋ง๋ ๋ฉ์๋๋ this๋ฅผ ๋ฐ๋ก ๋ฐ์ธ๋ฉ ์ํด์ค๋ ๋๋ค๋๋ฐ ์ ๊ทธ๋ฐ์ง ๊ถ๊ธํ๋ค
- [React] Hooks ๋ณต์ต
- [javascript] ๋น๊ตฌ์กฐํ ํ ๋น ์ดํดํ๊ธฐ
๐ Reflection
- ์ํ์ฝ๋ฉ react ๊ฐ์ ๋ค์ผ๋ ค๋ค๊ฐ ํง๊น์ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ ๊ฐ์๋ถํฐ ๋ฃ๊ธฐ ์์ํ๋ค. ํด๋์ค๋ ๋ค์ ๋ ์ค, ๊ทธ๋ ๊ตฌ๋ ํ๋๋ฐ ๋ค์๋ ๋ค์ ๋ณด๋ฉด ๋ ๋ชจ๋ฅด๊ฒ ๋ค. react ํจ์ํ ์ปดํฌ๋ํธ๊ฐ ๋์ธ๋ผ๊ณ ๋ ํ์ง๋ง ํด๋์ค ๋ฌธ๋ฒ ๋ณผ ๋๋ง๋ค ์ง์ฆ๋์ ์ด ๊ธฐํ์ ๊ฐ์ฒด์งํฅ ๊ณต๋ถํ ๊ฒ์ด๋ค. ๊ทผ๋ฐ ๊ทธ๊ฑฐ ๋ณด๋ค๊ฐ react lifecycle๊ณผ hooks ๋ณต์ตํ๊ฒ ๋ค๋ ๋ค์ง์ ์งํค์ง ๋ชปํ๊ณ ๊ทธ๋ฅ ์ค๋ค.
- ์์นจ์ ์ผ์ด๋์ velopert๋์ ๊ฐ์๋ฅผ ๋ค์๋ค. ์์ ์ ์ธํ๋ฐ ๊ฐ์๋ฅผ ์ฌ๋์ด์ ๊ทธ๊ฑธ ๋ดค๋๋ฐ ์ ํ๋ธ์ ์๋ ๊ฐ์๋ ๊ฑฐ์ ๋น์ทํ ๋ฏ ์ถ๋ค. Lifecycle ๊ฐ๋ ์ ์ฐธ ์ ์ ๋ฆฌํด์ฃผ์ ๊ฒ ๊ฐ์๋ฐ ์ค์ ๋ก ์ตํ๋ ๊ฑด ์์ ์ฝ๋ ์ข ์๋ชฉ์กฐ๋ชฉ ๋ฏ์ด๋ด์ผ ๊ฐ๋ฅํ ๊ฒ ๊ฐ๋ค.