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 |
Tags
- next.js
- Lottie web
- 동적 디자인
- python
- useQuery
- svg style
- typescript
- 마이크 권한 요청
- react-icons
- npm module
- flutter
- es module
- useSwr
- nextauth
- 웹 디자인
- Tailwind CSS
- github login
- CJS
- useCallback()
- useState
- 웹 애니메이션
- 백틱
- 템플릿 리터럴
- recoil
- useSWRImmutable
- npm library
- window.scrollY
- React
- NEXT
- npm publish
Archives
- Today
- Total
목록web design (1)
김재욱의 이모저모
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cNZliY/btsisQ796H4/7cLnVmurDC4MPKNLKCzW8K/img.png)
대회 홍보용 웹 페이지를 만들던 중 페이지를 이쁘게 디자인하기 위해서 아이콘을 사용하고 싶었다. 그래서 내가 처음 사용했던 방법은 react-icons를 사용하는 것이었다. react-icons에 많은 icon이 존재하지만 맘에 드는 아이콘이 없어서 고민하다가 이모 지라는 것을 알게 되었다! 우리가 핸드폰에서 많이 사용하는 자그마한 이모티콘들을 이모지라고 부르는데 😄 이러한 친구들을 그냥 복사 붙여 넣기 하거나 html에 이모지 특수문자 코드를 입력하면 된다. https://snskeyboard.com/emoji/ 이 사이트에서 이모지를 찾아서 사용했습니다. 나는 vscode에서 코딩 언어로 typescript를 사용했는데 그냥 이모지 맘에 드는 걸 클릭해서 복사를 하고, vscode에 붙여 넣기를 하면..
Front-end/web design
2023. 6. 4. 14:58