React

복지몰 프로젝트를 하면서 상품 리스트를 Scroll Event를 이용하여 무한스크롤을 구현하였다.콘텐츠 전체 길이와 현재 스크롤 길이를 비교하여 스크롤 바닥을 감지하는 방법이다. 이 방식은 스크롤이 움직일 때마다 이벤트 핸들러가 호출되므로 반드시 Throttle이나 D

props없이 state(상태)를 공유할 수 있게 도와주는 Javascript 상태관리 라이브러리이다.상위 컴포넌트로부터 계속 받아서 사용하다보면 관리가 매우 복잡해진다.Redux를 사용하면 상태를 컴포넌트 계층 구조를 따라 수동으로 전달할 필요가 없게 된다.상태를 중

redux-toolkit 공식사이트를 참고하면 Redux 스토어 구성이 너무 복잡하다.Redux가 유용한 작업을 수행하도록 하려면 많은 패키지를 추가해야 한다.Redux에는 너무 많은 상용구 코드가 필요하다.이러한 이유로 Redux-toolkit 사용을 권장하고 있다.

redux-toolkit 공식사이트를 참고하면 Redux 스토어 구성이 너무 복잡하다.Redux가 유용한 작업을 수행하도록 하려면 많은 패키지를 추가해야 한다.Redux에는 너무 많은 상용구 코드가 필요하다.이러한 이유로 Redux-toolkit 사용을 권장하고 있다.

브라우저는 HTML, CSS, Javascript 3가지만 이해를 한다.그런데 리엑트를 보면 순수 자바스크립트와 다른 문법으로 되어 있는데이러한 부분은 브라우저가 이해할 수 있도록 Bable을 통해 순수 자바스크립트로 변환되고 있다.그리고 나서 HTML과 연결하는 작업

구조분해 할당이란 객체나 배열의 구조를 분해하여 어떠한 개별 변수에 할당하는 것을 말한다.구조분해할당 예제를 평소에 사용하고 있는 React에서 찾아보았다.예제1)const liked, setLiked = useState(''); //구조분해이건 javascript