목차 useEffect useEffect는 컴포넌트가 랜더링 될 때마다 지정 작업을 하게 하는 함수이다. useState가 해당 변수가 변화할 때마다, 컴포넌트가 랜더링 하게 만들었다면, useEffect는 랜더링 했을때의 행동을 지정할 수 있다. 좀 더 대단하게 말하자면 useState가 데이터 유형 state를 대체한다면, useEffect는 lifecycle를 대체할 수 있다. life Cycle 목차 react의 hook에 대해 정리할려 했는데, 정리할려하니 life Cycle에 대하여 서술한 뒤 정리하여야 처음보는사람이 이해하기 쉬울 것 같아 먼저 적게되었다. life Cycle 생명주기 라는 뜻으로 코드를 sirong.tistory.com 구성 import React, { useState, u..
React의 장점!! 새로운 언어를 쓸 때에는 그 언어의 장점을 인지하며 내가 이렇게 근사한 언어를 구사한다~라는 느낌으로 프로젝트를 하면 뭔가 기분이 좋다. 그래서 적어보는 리엑트의 장점!! 효율적 렌더링 html과 css의 데이터를 종합하여 출력하는 것을 렌더링이라 한다. 하지만 우리는 그림을 보려고 하는 게 아니라 우리에게 맞춰 변화하는 화면을 볼려하기에 랜더링은 수시로 일어나게 된다. 이때 React의 대표적인 장점이 부각되는데, 기존의 렌더링이 변경해야 하는 부분이 있다면 새로 랜더링을 하는데 비해, React는 Virtual Dom이란 가상의 객체를 랜더링 하고 변경될 때마다 이와 비교하여 달라진 곳만 랜더링 한다. 즉, 웹의 변화를 빠르게 구현할 수 있다. 내 웹이 다른 웹보다 빠르다니!! ..
- Total
- Today
- Yesterday
- touchable
- 쿠키
- html
- useReducer
- Router
- visualcode
- SVG
- 웹접근성
- usecookies
- 아이콘
- async
- 이쁜코드
- Expo
- 서버
- dom
- nodejs
- Hook
- 클릭
- 에러
- 비동기
- CSS
- 랜더링
- homebrew
- switch
- 접근성
- Redux
- react
- proptype
- 무료아이콘
- 가상샐렉터
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |