NewBadgeType, forwardRef

NewBadgeType1에서 forwardRef 사용

🖥️ tsx
const NewBadgeType1 = forwardRef(
  (
    { formData, onFileReady, selectedCertificate }: { formData?: any; onFileReady?: (file: Blob) => void; selectedCertificate: any },
    ref
  ) => {

---

forwardRef란?

부모 컴포넌트에서 자식 컴포넌트의 ref를 직접 접근할 수 있도록 도와주는 React의 기능.
여기서 NewBadgeType1은 forwardRef로 감싸져 있어서 외부에서 ref를 받아올 수 있음.

forwardRef 사용 이유

아마 이 컴포넌트가 외부에서 ref를 통해 특정 요소를 조작할 필요가 있어일 것으로 추측.

예를 들어

• 부모 컴포넌트가 NewBadgeType1의 SVG를 직접 접근해서 다운로드하거나 크기를 조절
• 또는 특정 작업을 위해 onFileReady 같은 콜백을 실행해야 할 가능성

➡️ NewBadgeType1의 정적 svg 요소를 부모 컴포넌트에서 직접 접근해서,
커스터마이징 영역에서 조작하기 위해서 이렇게 쓰인 것이다!

---