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

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

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

React SPA ( 리액트에서 font awesome 사용하기, Usenavigate를 이용한 뒤로가기 기능 만들기)
리액트에서 font awesome 사용하기, Usenavigate를 이용한 뒤로가기 기능
Vue 프로젝트 Font Awesome 적용하기
icon 작동을 위한 유틸리티가 포함된 core package를 추가한다.전부 추가해도 되고 사용할 style만 추가해 줘도 된다.사용하는 Vue 버전에 따라 Font Awesome Vue component를 설치하면 된다.Docs | Font Awesome Set U
React에서 Font Awesome 사용하기
React에서 Font Awesome을 사용해 보자!여러 icon package를 한꺼번에 받으려면 아래처럼 쓸 수 있다. 사용을 원하는 component에서 Font Awesome을 react component 형태로 사용하기 위한 패키지를 import를 해주자.마

[TIP]Font Awesome 무료 사용법
font awesome은 다양한 종류의 아이콘을 사용할 수 있는 라이브러리 중 하나다. 웹 페이지를 제작 할 때 유용하게 쓰이는 도구이므로 알아두면 좋다. star을 검색한 뒤 원하는 아이콘을 클릭하면 작은 창이 뜬다. 이 남색 박스를 클릭하면 코드가 자동 복사된다.
scss - react에서 font-awesome 사용법
폰트 어썸을 react에서 사용하려면 @import해서 사용해야 한다. 그냥 css에서 하던 방법으로 index.html에서 추가해도 되겠지만 팀 프로젝트시에 합의된 사항이 아니면 그냥 작업중인 scss에서 이것을 추가하는 게 좋겠다.@import url(https&#