전체 글27 redux 리엑트에서 어떤 프롭스를 아래, 아래, 아래,아래,아래,아래에 있는 하위 컴포넌트에서 써야할 때가 있는데. 그때마다 최하위 뎁스까지 연속해서 프롭스를 전달해야한다. 이것을 프롭스 드릴링 이라고 한다. 그 숨막히는 프롭스 드릴링 노가다(?)는 같은 작업을 반복한다는 점에서도 문제가 있지만, 유지보수가 깔끔치 못하다는 점이 크다고 볼 수 있다. 이를 해결하기 위해 리덕스를 사용한다. (아, 좀 한번에...) 전역변수 같은 스토어라는 걸 하나 두고 상태를 관리하겠다는 것이다. 그렇다면 필요한게 뭘까? 값 읽기 상태값에 접근하는데 제한을 두어야한다. a=10 같이 휙 바꿔버리면 안되니까. getState같은 것이 필요하겠다. 값 변화시키기 상태값을 변화시키는 장치를 두어야한다. 그래야 상태값을 업데이트 시키니까.. 2021. 11. 12. element 이동 완료 추적하기 실무에서 에니메이트가 끝나는 그 순간에 이어서 무슨 작업을 하고 싶을 때가 있다. a라는 요소가 top:0에서 top:100으로 이동되고난 바로 직후, 하고싶은 거라던지 말이다. 여태까지는 다른 꼼수로 해당 문제를 우회했었는데 다음과 같은 방법으로 직접적으로 해결했다. 먼저 setAnimateAndWatch라는 함수에 매개변수를 3개 셋팅한다. el: 타겟 elementdirection:여기서는 top,bottom,left,rightvalue:100px이라면 100 그리고 내부에서 해당 매개변수를 이용해 로직을 만든 Promise를 리턴한다.코드는 아래와 같다. 목표 위치 도달후, el을 반환해준다. const setAnimateAndWatch = (el, direction, value) => { con.. 2021. 10. 12. transition으로 animate되는 요소 추적하기 transition으로 top:0에서 top:100px으로 animate되는 요소를 실시간으로 추적할 수 있을까? animate가 완료되어 top:100px에 도달하는 순간 다른 엑션이 가능한가?? 가능. start 2021. 10. 12. 리엑트 componentDidMount componentDidMount 첫 렌더링 이후에 실행됨. 라이브러리/프레임워크 함수 호출, 이벤트 등록, setTimeout, setInterval, 네트워크 요청 등의 비동기 작업 처리. 2021. 7. 27. 이전 1 2 3 4 5 6 7 다음