| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 코테스터디
- 정처기기출
- 코테준비
- 코딩테스트
- 프로그래머스알고리즘
- 프로그래머스 레벨0
- js
- 알고리즘스터디
- 코딩
- 프로그래머스 Lv.0
- 개발자
- 코테공부
- 알고리즘공부
- 프로그래머스 코테
- mysql
- 프로그래머스 알고리즘
- CSS
- next.js 에러
- 프로그래머스 코딩테스트
- 자바스크립트
- 프로그래밍
- 프로그래머스
- html
- 알고리즘문제
- 1일1코테
- 프로그래머스코테
- next.js
- 프로그래머스코딩테스트
- 정보처리기사
- Redux-Toolkit
- Today
- Total
목록리액트 폰트어썸 (2)
계발하는 개발자
[React 에러] 폰트어썸 regular 아이콘 사용시 에러 해결 | 'IconDefinition' 형식은 'IconProp' 형식에 할당할 수 없습니다.
참고 https://github.com/FortAwesome/react-fontawesome/issues/366 에러 폰트어썸 regular 아이콘을 사용하려고 했을 때 아래같은 에러가 발생했다. 원인 스택오버플로우를 쭉 살펴보니까 패키지 버전 호환으로 인한 에러라고들 했다. 이러한 버전 호환성 에러는 fontawesome-svg-core 패키지가 Font Awesome의 다른 패키지와 버전 호환성이 없을 경우 발생할 수 있는데 난 애초에 svg-core 패키지를 설치하지 않아서 그런듯.. 해결 fortawesome/fontawesome-svg-core 패키지를 추가로 설치해줬고, 에러가 사라졌다. // before "@fortawesome/free-regular-svg-icons": "^6.5.1", ..
[React] 리액트에서 폰트어썸 아이콘 사용하는 방법
리액트에서 오랜만에 폰트어썸 아이콘을 사용하려고하니 공식문서를 보면서도 조금 헤맸다. 그래서 따로 정리하는 포스팅..! 다운로드 npm install --save @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons 스크립트 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons'; 사용 방법 사용하려는 아이콘을 선택해서 React 탭 > 아이콘 이름 부분을 파스칼케이스 방식으로 위와 가팅 icon 속성에 적어주면 해당 아이콘이 삽입되게 ..