Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- useCallback()
- npm library
- 마이크 권한 요청
- useState
- useSwr
- python
- nextauth
- 웹 애니메이션
- svg style
- npm publish
- 백틱
- React
- CJS
- window.scrollY
- github login
- typescript
- recoil
- Lottie web
- 웹 디자인
- flutter
- npm module
- 동적 디자인
- 템플릿 리터럴
- next.js
- es module
- useQuery
- react-icons
- useSWRImmutable
- Tailwind CSS
- NEXT
Archives
- Today
- Total
목록이모지 (1)
김재욱의 이모저모

대회 홍보용 웹 페이지를 만들던 중 페이지를 이쁘게 디자인하기 위해서 아이콘을 사용하고 싶었다. 그래서 내가 처음 사용했던 방법은 react-icons를 사용하는 것이었다. react-icons에 많은 icon이 존재하지만 맘에 드는 아이콘이 없어서 고민하다가 이모 지라는 것을 알게 되었다! 우리가 핸드폰에서 많이 사용하는 자그마한 이모티콘들을 이모지라고 부르는데 😄 이러한 친구들을 그냥 복사 붙여 넣기 하거나 html에 이모지 특수문자 코드를 입력하면 된다. https://snskeyboard.com/emoji/ 이 사이트에서 이모지를 찾아서 사용했습니다. 나는 vscode에서 코딩 언어로 typescript를 사용했는데 그냥 이모지 맘에 드는 걸 클릭해서 복사를 하고, vscode에 붙여 넣기를 하면..
Front-end/web design
2023. 6. 4. 14:58