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
- ๋ฐ๋ธ์ฝ์ค
- ์๊ณ ๋ฆฌ์ฆ
- position
- REACT
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- Props
- ์๋ฐ์คํฌ๋ฆฝํธ
- ๋ธ๋ก๊ทธ
- float
- useEffect
- ์ฝ๋ฉํ ์คํธ
- Gatsby
- ํ๋ก๊ทธ๋๋จธ์ค
- ํ๋ก ํธ์๋
- fetch API
- Flex
- CSS
- useRef
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 |