React Application에서 미리보기가 있는 링크를 삽입하는 방법

이 가이드는 주어진 URL에 대한 오픈 그래프 메타데이터(제목, 이미지, 설명 등)를 가져와 표시하는 React 컴포넌트를 만드는 방법을 설명합니다. 이 컴포넌트는 HTTP 요청을 보내는 데 Axios를 사용하고 HTML을 파싱하고 스크레이핑하는 데 Cheerio를 사용합니다. 시작하기 전에 React, Axios, Cheerio가 설치되어 있는지 확인하세요. EmbeddedLink 컴포넌트는 URL을 props로 받고 Axios와 Cheerio를 사용하여 오픈 그래프 메타데이터를 가져옵니다. 로딩 및 에러 상태를 처리하기 위해 적절한 메시지를 표시합니다. 메타데이터를 가져온 후에, 링크의 제목, 이미지, 설명을 스타일링된 미리보기에서 표시합니다.