# font awesome

049494

Font Awesome 웹에서 아이콘이 필요할 때 사용하는 라이브러리 장점 : svg 기반 아이콘 지원 패키지 설치 SVG 기반 아이콘 활성화 무료 제공 아이콘 패키지 설치 React 컴포넌트 형태로 사용할 수 있도록 해주는 기능 사용 방법 패키지 설치를 마치고

brucehan

Today I learn

nuyhes

결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모

pikadev1771

화면을 렌더링할 때는 HTML 파일과 CSS 파일이 필요HTML 파일은 DOM 트리를, CSS 파일은 CSSOM 트리를 만들고 두 트리를 결합(렌더 트리)하여 렌더링할 때 사용이 두 트리 중에서 하나라도 변경되면 리렌더링을 유발하는데, 이때 트리의 크기가 크고 복잡할수

uxolrv

리액트에서 font awesome 사용하기, Usenavigate를 이용한 뒤로가기 기능

dev_tuktack

icon 작동을 위한 유틸리티가 포함된 core package를 추가한다.전부 추가해도 되고 사용할 style만 추가해 줘도 된다.사용하는 Vue 버전에 따라 Font Awesome Vue component를 설치하면 된다.Docs | Font Awesome Set U

weesemoa

React에서 Font Awesome을 사용해 보자!여러 icon package를 한꺼번에 받으려면 아래처럼 쓸 수 있다. 사용을 원하는 component에서 Font Awesome을 react component 형태로 사용하기 위한 패키지를 import를 해주자.마

miracle-21

font awesome은 다양한 종류의 아이콘을 사용할 수 있는 라이브러리 중 하나다. 웹 페이지를 제작 할 때 유용하게 쓰이는 도구이므로 알아두면 좋다.  star을 검색한 뒤 원하는 아이콘을 클릭하면 작은 창이 뜬다. 이 남색 박스를 클릭하면 코드가 자동 복사된다.

angrybirdpark

index.htmlstyle.cssindex.htmlstyle.css

kdh24

폰트 어썸을 react에서 사용하려면 @import해서 사용해야 한다. 그냥 css에서 하던 방법으로 index.html에서 추가해도 되겠지만 팀 프로젝트시에 합의된 사항이 아니면 그냥 작업중인 scss에서 이것을 추가하는 게 좋겠다.@import url(https&#