# fontawesome

Visual Studio Code에서 fontawesome 사용하기
예전에 배운 내용도 까먹는 까마귀라서 포스팅이라도 해서 남겨야겠다.사실 10분도 안되서 끝나는 일인데 매우매우 도움이 된다.가입하면 오른쪽 상단에 아이콘을 클릭해준다. 누른 뒤 아무런 이동이나 움직임도 없는게 정상이다. 이건 해놓는게 신상에 이롭다. 자동완성을 시켜주고

React + Typescript 로 google-FontAwesome 사용해서 아이콘 넣기
Next.js + Typescript 로 google-FontAwesome 사용해서 아이콘 넣기
fontAwesome 사용법
CDN (Content Delivery Network)fontawesome cdn 검색코드 복사html에 head부분에 붙이기장점: 간편함, 다운로드 속도 빠름단점: 지원해주는 서버 다운되면 못 씀2\. 직접 파일 다운검색창에 fontawesome 치고 사이트 들어가기
[Font Awesome v.6] React에서 Font Awesome 무료 아이콘 사용방법
개인 프로젝트를 진행하면서 가장 많이 쓰는 icon library는 Font Awesome이다.컴포넌트 형태로 쉽게 사용할 수 있다.크기와 애니메이션도 쉽게 적용 할 수 있다.svg형태로 렌더링, 다운로드가 가능하므로 다른 이미지 작업(favicon, 로고 만들기 등)

React에서 Font Awesome 아이콘 사용하기
리액트에서 Font Awesome 아이콘을 사용하는 방법을 알아보자.모든 내용은 Font Awesome 공식사이트에 나와있다.우선 위 공식사이트 문서를 보면, 무료 아이콘을 사용하려면 다음과 같이 설치를 해야한다.\*추가로 브랜드 아이콘을 사용하고 싶다면 다음을 설치하
리액트에서 FA 적용하기 + Google Font 사용하기
오늘은 리액트에서 폰트 어썸을 어떻게 사용 하는지 간단하게 정리하겠습니다.solid 항목이니 "@fortawesome/free-solid-svg-icons"아이콘 이름이 fa-circle-check 이므로 faCircleCheck 으로 변환중괄호로 { 아이콘 이름 }

0908 개발일지
사이드 프로젝트 github 브랜치 충돌 문제 해결 : 0908 github 브랜치 충돌 해결인프런 강의 수강 : 모든 개발자를 위한 HTTP 웹 기본 지식중요한 것은 '리소스 식별''회원'이라는 개념 자체가 리소스리소스와 행위를 분리 : URI는 리소스를 식별, HT
React에서 Font Awesome 사용하기
React | Font Awesome Docs React에서 Font Awesome을 시작하려면 npm 및 yarn 같은 패키지 관리자를 사용하여 패키지를 설치해야 한다. 01. 세팅 SVG + JS 메서드를 사용하여 아이콘을 렌더하는 방식(v.6.1.1.) 1. SVG Core 추가하기 먼저 npm을 사용하여 아이콘을 작동시키는 모든 유틸리티를 포...
React에 Font Awesome을 적용해보자~
공식홈페이지을 참고했습니다.아주 간단합니다.저는 <span style="color: npm i --save @fortawesome/fontawesome-svg-corenpm install --save @fortawesome/free-solid-svg-iconsnp

[html/css] 주요 내용 wrap-up (feat.유지/보수)
html/css 내용을 쭉 살펴보고, 과제들을 한 후에 wecode wrap-up 시간을 가졌다. 좀 더 코딩 관점에서 정리해보면, 나에게 오늘의 핵심 키워드는 "유지/보수"다.

92일차
하단 네비게이션 컴포넌트를 BottomNav.jsx 라는 이름으로 파일을 생성하고 아래와 같이 타이핑한다.위와 같이 button이라는 글자가 5개 생겼다.BottomNav.jsx에 css를 적용할 BottomNav.css파일을 생성하고 아래와 같이 타이핑한다.네비게이션
[HTML] font awesome 아이콘 사용하기
위 코드를 head에 추가 하면 fontawesome.com 에서 제공하는 아이콘 이미지들을 다운로드없이 간편하게 쓸 수 있다.예를들어 plus 모양 아이콘을 사용하고싶다면 Font Awesome 사이트에서 'plus'를 검색한 다음,위의 <i class ~>&l
[Error] Can't import Font Awesome icon
react.js 에서 Font Awesome icon 을 사용하였을 때 발생한 오류이다. 다른 아이콘들은 잘 import가 되었는데 유독 브랜드 아이콘이 인포트가 안되더라...💦