Recent Posts
Recent Comments
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- history api
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- useEffect
- float
- useRef
- Gatsby
- ๋ฐ๋ธ์ฝ์ค
- ์๋ฐ์คํฌ๋ฆฝํธ
- fetch API
- REACT
- position
- Flex
- Props
- ์๊ณ ๋ฆฌ์ฆ
- ๋ธ๋ก๊ทธ
- ํ๋ก๊ทธ๋๋จธ์ค
- CSS
- ์ฝ๋ฉํ ์คํธ
- ํ๋ก ํธ์๋
Archives
- Today
- Total
Daehyunii's Dev-blog
ํ์ด์ง์์ ํด๋ฆญ์ ๋ฐ์ดํฐ ๋ณต์ฌํ๊ธฐ ๋ณธ๋ฌธ
๐ Language & CS knowledge/React
ํ์ด์ง์์ ํด๋ฆญ์ ๋ฐ์ดํฐ ๋ณต์ฌํ๊ธฐ
Daehyunii 2022. 12. 22. 13:57const EmojiListItem = ({ emoji }) => {
return (
<ListItem onClick={() => navigator.clipboard.writeText(emoji.symbol)}>
{/* navigator.clipboard.writeText(emoji.symbol)}> ์ด๊ฒ ๊ฐ๋จํ๊ฒ ๋ณต์ฌํ๋ ๋ฐฉ๋ฒ์! */}
<Symbol>{emoji.symbol}</Symbol>
<Title>{emoji.title}</Title>
<Keywords>{emoji.keywords}</Keywords>
</ListItem>
);
};
click์ด๋ฒคํธ ๋ฐ์์, clipboard์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅ
'๐ Language & CS knowledge > React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ปดํฌ๋ํธ ๋ฐ๋ณต (0) | 2022.12.23 |
---|---|
์ผํญ ์กฐ๊ฑด ์ฐ์ฐ์ vs filter( ) ๋ฉ์๋ ์ฝ๋ ๊ฐ๋ ์ฑ ๋น๊ต (0) | 2022.12.22 |
ref: DOM์ ์ด๋ฆ ๋ฌ๊ธฐ (0) | 2022.12.22 |
์ด๋ฒคํธ ํธ๋ค๋ง (0) | 2022.12.22 |
์ปดํฌ๋ํธ ํน์ง๋ค (0) | 2022.12.22 |