• 공통 모달 참고자료

공통 모달 만들기

• GPT 답변

• 공통 모달 (구매, 환전 등 이후 성공이나 실패를 알려주는 모달 알림 창)

  <aside> ☝🏻

  useRef 란?

  DOM 요소에 접근하기 위해 사용하는 hook. React는 가상 DOM을 기반으로 작동하는 라이브러리이다. 원하는 시점에 실제 DOM에 접근하고 싶을 때 ref를 사용한다.

  </aside>

  <aside> ☝🏻

  forwardRef 란?

  • 부모 컴포넌트에서 자식 컴포넌트의 함수를 사용하기 위해서 forwardRef라는 hook을 사용한다.

  • 부모 컴포넌트에서 useRef()를 선언하고 자식 컴포넌트에 보낸다.

  • 자식 컴포넌트를 forwardRef로 감싸고 부모에서 사용할 함수를 useImperativeHandle() 로 감싼다.

  • 부모 컴포넌트에서 current 프로퍼티를 통해서 함수를 사용한다. </aside>

  • 부모 컴포넌트(구매 확정 컴포넌트)

  • 자식 컴포넌트(성공 알림 컴포넌트)—src/components/@common/SuccesccAlretModal.jsx