React 관련/기타2 React Do not use or you will be fired 리액트 관련 글을 작성하면서 여러 가지를 테스트 중에 발견함.쓰지말라면 쓰지말라구~~ 2024. 7. 23. 모달 컴포넌트를 통한 React 동작 원리 분석(with 자바스크립트 비동기와 리액트 동작 원리) 서론학교에서 후배랑 같이 코딩하는데, 후배가 인강을 보다가 코드가 제대로 작동이 안된다고 해서 그 원리를 세세하게 파악해보겠다. 먼저 단순히 버튼을 누르면 타이머가 돌아가고, 그 타이머의 동작이 끝나면 모달이 열린다.코드는 다음과 같다.(후배의 정확한 코드는 모르고 최대한 비슷한 환경을 구성하였다.) 모달 컴포넌트forwardRef랑 useImperativeHandle을 사용해서 재사용성있게 모달 컴포넌트(ResultModal)를 구현한 코드이다.useImperativeHandle을 사용했기 때문에, 모달 컴포넌트의 바깥에서 open() 함수를 통해 모달을 열 수 있다. import { forwardRef, useImperativeHandle, useRef } from "react";import { cr.. 2024. 7. 15. 이전 1 다음
