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-icons를 이용하여 홈페이지 디자인을 좀 더 좋게 바꾸어보기 시도....
사용 방법은 아주 간단하다. 위의 홈페이지에서 알려주는대로 install하고 import해서 사용하면 끝!
Navbar의 뒤로가기 버튼에 아이콘을 적용해보았다. 우선 상단에서 import를 해주고
import { TbArrowBackUp } from "react-icons/tb";원하는 곳에서 컴포넌트 형태로 사용하면 된다.
<TbArrowBackUp size="24" color="blue" />사이즈나 컬러도 조절 가능하다.
'프로젝트 > TMI' 카테고리의 다른 글
| 13. 이미지가 새로 생성됐는데도 바뀌지 않는 문제 해결 (0) | 2022.12.01 |
|---|---|
| 12. 컴포넌트 이동 시 props 전달하기 (0) | 2022.11.04 |
| 10. react-spinners 이용하여 로딩 컴포넌트 만들기 (0) | 2022.11.02 |
| 8. 폼에 react-hook-form 사용하기 (0) | 2022.10.29 |
| 7. axios로 데이터 요청하여 받아오기 (0) | 2022.10.27 |
