sns공유하기 시 미리보기가 안보이는 문제
>Next/head를 이용하여 meta 태그를 가져옴 -> 가져올 데이터를 태그로 가져오고 props넣기
<Head>
{/* 페북 미리보기 */}
<meta
property="og:url"
content="tacku-table-799b.vercel.app
"
/>
<meta property="og:title" content={props.targetWholeData?.foodTitle} />
<meta
property="og:description"
content={props.targetWholeData?.animationTitle}
/>
<meta property="og:image" content={props.targetWholeData?.thumbnail} />
<meta name="twitter:title" content={props.targetWholeData?.foodTitle} />
</Head>
<Head>
{/* 트위터 미리보기 */}
<meta
name="twitter:description"
content={props.targetWholeData?.animationTitle}
/>
<meta name="twitter:card" content="photo" />
<meta
name="twitter:url"
content="tacku-table-799b.vercel.app
"
/>
<meta name="twitter:image" content={props.targetWholeData?.thumbnail} />
</Head>
오늘 한 일
공유하기 추가
헤더 ui적용하기
'[내일배움캠프] > TIL' 카테고리의 다른 글
| 23.03.9) 최종 프로젝트 작업을 진행한 90일차 (0) | 2023.03.10 |
|---|---|
| 23.03.8) 최종 프로젝트 작업을 진행한 89일차 (0) | 2023.03.10 |
| 23.03.3) 최종 프로젝트 작업을 진행한 86일차 (0) | 2023.03.03 |
| 23.03.2) 최종 프로젝트 작업을 진행한 85일차 (0) | 2023.03.02 |
| 23.02.28) 최종 프로젝트 작업을 진행한 84일차 (0) | 2023.02.28 |
