웹 개발을 하다 보면 API를 통해 데이터를 받을 때, 종종 HTML 태그가 포함된 문자열을 처리해야 할 경우가 있습니다. 이때 데이터를 그대로 React 컴포넌트에 넣으면 HTML 태그가 화면에 그대로 텍스트로 표시되어 의도한 대로 렌더링되지 않습니다. 이를 해결하는 방법에 대해 알아보겠습니다. API에서 JSON 형식으로 데이터를 받을 때, HTML 태그를 포함하는 경우, 해당 데이터를 React 컴포넌트에 직접 삽입하면 HTML 태그가 텍스트로 취급됩니다. 이와 같이 화면에 데이터 그대로 출력 되는걸 볼 수 있습니다. React에서는 dangerouslySetInnerHTML 속성을 사용하여 문자열 내의 HTML 태그를 실제 DOM으로 렌더링할 수 있습니다. 이 속성을 사용하면, API에서 받은 H..
