🍒공부/React2 [React] 리액트에서 왜 useState를 쓰라고 할까 코드리뷰를 받았는데, 엄청 상세해서 놀랐다! 역시 해봐야 아는 것들이 아주 많다는 것을 깨닫는 요즘이다😎 🤔 그냥 변수 말고 state를 쓰는 가장 큰 이유 state가 변경 될 때 관련된 DOM을 다시 렌더링 되게 해야 한다면, state를 써야 한다! → SPA를 사용하고싶으면 state를 써야한다 왜냐하면 리액트는 state에 수정이 일어나면 state가 포함된 DOM을 재렌더링 해주기 때문인데.... 그걸 알기 위해서는 리액트의 Life cycle을 알아야 한다🤯 #가보자고 🤔 setState말고 state를 직접 변경해주면 왜 화면 갱신이 안될까? 리액트의 컴포넌트는 Mount 상태에서 한번 render() 를 실행하고, 후에는 Update 상태에 진입하여 shouldComponentUpdate.. 2021. 10. 26. [React] Intersection Observer로 무한스크롤 만들어본 후기 이 글에서 써보고 후기를 남기겠다고 했기에 까먹기전에 적기! Intersection Observer이란? let observer = new IntersectionObserver(callback(entries, observer) [, option]); target을 정하고 그 target이 기기 뷰포트나 특정 요소와 교차할 때 콜백을 생성한다. callback : target에 교차가 일어났을 때 호출되는 함수 entries : IntersectionObserverEntry 객체 리스트를 배열 형식으로 반환 그래서 작성한 코드 (1) intersecting이 일어날 시, IncreasePage를 호출 + 로딩중 문구를 보이도록 true로 설정 (2) IncreasePage가 불려서 Page가 +1 됐기 때.. 2021. 8. 8. 이전 1 다음
