개발세발
리액트에 아이콘 넣기 (font-awesome, react-icons) 본문
웹페이지 만들면서 아이콘이 필요할 때 웹 아이콘을 이용해서 넣으면 좀 더 깔끔하고 편하게 넣을 수 있다.
평소 자주 사용하던 아이콘 툴킷은 font-awesome이다
react로 개발을 시작하면서 리액트 환경에서도 font-awesome이 사용되는지 몰랐는데 되긴 된다!
하지만 평소 사용했던 바와 같이 무료로 사용할 수 있는 아이콘이 한정적이라는 치명적인 단점이 똑같이 있었다.
https://fontawesome.com/v5/docs/web/use-with/react
React
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
fontawesome.com
위의 링크에서 사용법을 잘 설명해주고 있다.
교육 때도 배웠고, 일반적으로 리액트환경에서 잘 사용한다는 리액트 아이콘
아이콘 종류가 훨씬 많아서 고르는 재미가 있다.
https://react-icons.github.io/react-icons
React Icons
React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa
react-icons.github.io
'코딩공부 > React' 카테고리의 다른 글
| react하면서 만난 오류들 (0) | 2022.12.08 |
|---|---|
| React 궁금증 (0) | 2022.12.07 |
| SPA, React router (0) | 2022.12.03 |
| 리액트 - 3️⃣ (feat. 리액트를 다루는 기술) (0) | 2022.12.02 |
| React - 2️⃣ (한입 크기로 잘라먹는 리액트) (0) | 2022.11.24 |
