일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- react
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- raect typescript #react #typescript #styled-component
- 버블링 #갭쳐링 #이벤트 #JS
- React #리액트 이벤트 주기 #리액트 이벤트
- DP #c++
- axios
- 백준 #적록색약
- React #effect hook #useEffect
- npm #not being able to find a file #npm install Error
- 노마드 코더 #타입스크립트 #typescript #class
- useState #Hooks
- #useRef #언제 쓰는데?
- 빡킹독
- 코드스테이츠 #알고리즘 #그리디
- interceptors
- donwstream #upstream #origin
- react #useCallback #react Hook
- 다익스트라 #파티 #백준
- 이친수
- 플로이드 #c++
- react fragment
- rate limit
- React #Hook rules #Hook 규칙
- html entities
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- RateLimit
- 백준 #직각삼각형
- React-Query
- Today
- Total
목록React.js (11)
꿈꾸는 개발자
useEffect란? React component가 렌더링 후 어떤 작업을 수행해야 할지를 명시할 때 useEffect을 사용한다. useEffect의 적용은 보통, 마운트(화면에 나타날 때), 언마운트(화면에서 사라질 때), 그리고 업데이트 될 때 사용된다 마운트: 외부 API 요청(REST API 등) props로 받은 값을 component local 상태로 결정 라이브러리 사용(D3, 등) setInterval을 통한 반복 작업 혹은 setTimeout을 통한 작업 예약 언마운트: (useEffect 내에서 함수 반환을 통해 구현할 수 있으며 이를 clean-up이라 한다!) clearInterval을 통한 setInterval, setTimeout 등록된 작업을 clear하기 라이브러리 인스턴스..
Fragment는 DOM에 별도의 노드를 추가하지 않고, 여러 자식을 그룹화할 수 있다. class Table extends React.Component { render() { return ( ); } } 코드가 위와 같이 작성됐을 때 component는 무조건 만 반환해야 한다! class Columns extends React.Component { render() { return ( Hello World ); } } 코드가 위와 같이 작성됐을 경우 html은 유효하지 않을 것이다 => 태그가 끼어있기 때문에! Fragment은 위와 같은 상황에서 발생하는 문제를 해결해준다! 사용법: class Columns extends React.Component { render() { return ( Hello ..
리액트 16.8 이전에는 함수형 컴포넌트에서 상태 관리가 불가능했다 => react 16.8에서 Hooks이란 기능이 도입되면서 함수형 컴포넌트에서도 상태 관리가 가능해졌다! (useState도 Hooks 중 하나!) 이벤트 설정: import React from 'react'; function Counter() { const onIncrease = () => { console.log('+1') } const onDecrease = () => { console.log('-1'); } return ( 0 +1 -1 ); } export default Counter; react에선 이벤트를 설정할 때 on이벤트이름={실행하고싶은함수} 형태로 사용해야 한다! => 단 함수호출이 아닌, 함수명만 입력을 해야 한..