클래스/함수형 컴포넌트 리액트에는 컴포넌트라는 것이 있다. 이 컴포넌트를 방식에 예전에는 클래스형 하나 밖에 없었지만 업데이트를 거치며 함수형 컴포넌트라는 것이 등장했다. 여태 포스팅 해왔던 내용들이 모두 함수형 컴포넌트이다. 그렇다면 클래스형과 함수형의 차이는 무엇이고 왜 현재는 함수형을 사용하는지 알아보자. 클래스형 컴포넌...
스테이트 생명주기 생명주기는 class형 컴포넌트를 사용할때부터 있던 방법이다. 클래스형 컴포넌트에서는 여러가지 내장함수를 이용해 기능을 만들었다 1.그리기 = render() 그리고 난 뒤 = componentDidMount() 그리고 난 뒤 변경됬을 때. = componentDidUpdate() 그리고 난 뒤 사라질 때. = ...
useRef란? 우리가 리액트를 사용하기 전에는 DOM선택자 queryselector 등을 통해 아이디 값을 찾아 해당하는 태그에 자바스크립트를 이용했다. 하지만 리액트를 사용하면서 Dom선택자는 더이상 사용하지 않는다. 그렇다면 어떤 방식으로 태그를 선택해 자바스크립트 효과를 줄것인가? 여기서 useRef를 사용하면 ...
이벤트를 일정 주기마다 실행시켜 주는 것.마지막 함수가 실행되고 일정시간이 지나야 함수가 실행되게 한다.일정시간이 지난 후에 작동되게 하는 것.
shallow-Routing shallow-Roting은 Next.js에서 제공하는 기능이다. 나는 여태 라우터는 router.push, router.query 정도만 사용 했는데 shallow-routing이란 것이 있길래 포스팅과 동시에 배워보려고 한다. shallow-routing이란?? shallow-routing(이하 얕은...