innerHTML1 [React] dangerouslySetInnerHTML: DOM에서 innerHTML 사용하기 아래와 같이 태그가 포함된 문자열 배열을 HTML로 렌더링하면 태그가 그대로 출력된다.details: [ "Recoil 사용하여 전역 상태 관리", "AWS S3 Bucket을 이용한 이미지 URL 생성 및 업로드", "Vite 기반 ESLint와 TypeScript를 적용한 개발 환경 구성"] 이처럼 React는 기본적으로 HTML 태그를 포함한 문자열을 일반 텍스트로 처리한다.따라서 같은 태그가 포함된 문자열을 그대로 전달하면 HTML로 해석되지 않고 단순한 텍스트로 렌더링된다.이를 해결하기 위해 React에서 HTML로 렌더링하도록 명시적으로 지시하는 방법이 dangerouslySetInnerHTML이다. __html: HTML 문자열을 지정하는 속성. 따라서 여기에 문자열을 넣어주면 된.. 2024. 12. 10. 이전 1 다음