리액트를 다루는 기술
1.[react] 반복되는 컴포넌트를 효율적으로 보여주자 - map
react - v17.0.2typescript - v4.3.2IterationSample.tsxmap활용 컴포넌트 반복하기map함수를 활용하여 컴포넌트 배열을 반환할 수 있습니다. 하지만 위의 코드를 렌더링하고 f12를 눌러 개발자도구의 console을 보면 다음과 같
2021년 5월 29일
2.[react] 의존성 배열에 따라 다른 useEffect 동작 알아보기
컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 함수형 컴포넌트의 hook이다.class컴포넌트의 componentDidMount와 componentDidUpdate를 합친 형태아래는 useEffect가 어떻게 동작되는지 보기위한 예시 코드이다. 순서
2021년 6월 1일
3.[react] useRef 사용하기
개발환경react - v17.0.2typescript - v4.3.2reference의 줄임말로, DOM을 직접 참조하기 위해 사용한다. 클래스형 컴포넌트에서는 createRef, 함수형 컴포넌트에서는 useRef를 사용하는데, 둘의 동작 방식은 동일하다.HTML에서
2021년 6월 1일