๋ฆฌ์กํธ ์น์์ ์ฌ์ฉํ ์ ์๋ ์นด์นด์ค ๋งํฌ์ ๋๋ค.
import React from 'react';
import { KakaoLinkDefault, KakaoLinkScrap } from "react-kakao-link"
function App() {
const template = {
objectType: "feed",
content: {
title: "๋ธ๊ธฐ ์น์ฆ ์ผ์ต",
description: "#์ผ์ต #๋ธ๊ธฐ #์ผํ๋ #์นดํ #๋ถ์๊ธฐ #์๊ฐํ
",
imageUrl:
"http://k.kakaocdn.net/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png",
link: {
mobileWebUrl: "https://developers.kakao.com",
webUrl: "https://developers.kakao.com",
},
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845,
},
buttons: [
{
title: "์น์ผ๋ก ๋ณด๊ธฐ",
link: {
mobileWebUrl: "https://developers.kakao.com",
webUrl: "https://developers.kakao.com",
},
},
{
title: "์ฑ์ผ๋ก ๋ณด๊ธฐ",
link: {
mobileWebUrl: "https://developers.kakao.com",
webUrl: "https://developers.kakao.com",
},
},
],
}
return (
<div>
<KakaoLinkDefault
className="template"
template={template}
jsKey={"1ee5cc9e2e4525c244069216d2522870"}
>
<button>์นด์นด์ค๋งํฌ ๋ํดํธ ํ
ํ๋ฆฟ</button>
</KakaoLinkDefault>
<KakaoLinkScrap
className="scrap"
requestUrl={"https://developers.kakao.com"}
jsKey={"1ee5cc9e2e4525c244069216d2522870"}
>
<button>์นด์นด์ค๋งํฌ ์คํฌ๋ฉ</button>
</KakaoLinkScrap>
</div>
)
}
export default App;
- ์นด์นด์ค ๊ฐ๋ฐ์ ํํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ ๋ฑ๋ก์ ์ฐธ์กฐํ์ฌ ๊ฐ๋ฐ์ ํ์ด์ง์ ์น์ผ๋ก ํ๋ซํผ์ ๋ฑ๋กํฉ๋๋ค.
- JavaScript ํค๋ฅผ ๋ฐ๊ธ ๋ฐ์ต๋๋ค.
- ํ
ํ๋ฆฟ์์ ์ฌ์ฉ๋๋ link url ์ ์ฌ์ดํธ ๋๋ฉ์ธ์ ๋ฑ๋ก ๋์ด์ผ ํฉ๋๋ค. (ex:
webUrl: "https://developers.kakao.com"
)
-
๊ณตํต
- jsKey - ์ฑ ๋ฑ๋ก์ ๋ฐ๊ธ๋ฐ์ JavaScript ํค
string
- children (optional) - ์ฌ์ฉ์๊ฐ ์ง์ ๊ทธ๋ฆฌ๋ ์ปดํฌ๋ํธ
ReactNode
- className (optional)
string
- jsKey - ์ฑ ๋ฑ๋ก์ ๋ฐ๊ธ๋ฐ์ JavaScript ํค
-
KakaoLinkScrap
- requestUrl - ์คํฌ๋ฉ ํฌํ๋ฆฟ์ ์ฌ์ฉ๋๋ requestUrl. ์ํ
string
- requestUrl - ์คํฌ๋ฉ ํฌํ๋ฆฟ์ ์ฌ์ฉ๋๋ requestUrl. ์ํ
-
KakaoLinkDefault
- template - objectType์ ๋ฐ๋ฅธ ํฌํ๋ฆฟ. ์ํ
Object
- template - objectType์ ๋ฐ๋ฅธ ํฌํ๋ฆฟ. ์ํ
- ํ ํ๋ฆฟ anyํ์ ์์ ๊ธฐ
- ํ ์คํธ์ฝ๋ ์์ฑ