[React] 2. font-awesome

1. font-awesome 설치

필수사항은 아니지만 자주 사용해서 설치해봤다.

npm i -S @fortawesome/fontawesome-svg-core @fortawesome/react-fontawesome

2. font-awesome 무료버전 다운

npm i -S @fortawesome/fontawesome-svg-core @fortawesome/react-fontawesome @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons

3. font-awesome 사용

1) 사용 할 컴포넌트에 추가

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faSearch } from "@fortawesome/free-solid-svg-icons";

2) FontAwesomeIcon 태그 추가

<FontAwesomeIcon icon={faCheck} className="fCheck" />

• 예시 (체크 아이콘, 삭제 아이콘 추가)