# fontawesome

20개의 포스트

React에서 Font Awesome 사용하기

React | Font Awesome Docs React에서 Font Awesome을 시작하려면 npm 및 yarn 같은 패키지 관리자를 사용하여 패키지를 설치해야 한다. 01. 세팅 SVG + JS 메서드를 사용하여 아이콘을 렌더하는 방식(v.6.1.1.) 1. SVG Core 추가하기 먼저 npm을 사용하여 아이콘을 작동시키는 모든 유틸리티를 포...

2022년 6월 20일
·
0개의 댓글
·

React에 Font Awesome을 적용해보자~

공식홈페이지을 참고했습니다.아주 간단합니다.저는 <span style="color: npm i --save @fortawesome/fontawesome-svg-corenpm install --save @fortawesome/free-solid-svg-iconsnp

2022년 4월 13일
·
0개의 댓글
·

React에서 FontAwesome 사용법 & CSS

리액트에서 Fontawesome 사용하기

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

[html/css] 주요 내용 wrap-up (feat.유지/보수)

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

2022년 3월 2일
·
0개의 댓글
·
post-thumbnail

FontAwesome - yarn/npm으로 설치하기

예전에 FontAwesome을 사용했을 당시에는 직접 다운로드를 받고프로젝트 안에 집어넣어서 적용했던 적이 많았습니다.그러나 이런 방법이 너무 번거로워서 싫어하는 작업중에 하나였지요.React는 React icons라는 라이브러리가 있어서 yarn으로 설치하고거기에 맞

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

92일차

하단 네비게이션 컴포넌트를 BottomNav.jsx 라는 이름으로 파일을 생성하고 아래와 같이 타이핑한다.위와 같이 button이라는 글자가 5개 생겼다.BottomNav.jsx에 css를 적용할 BottomNav.css파일을 생성하고 아래와 같이 타이핑한다.네비게이션

2021년 12월 15일
·
0개의 댓글
·

React에서 FontAwesome 사용법

2021년 8월 13일
·
0개의 댓글
·
post-thumbnail

[HTML] font awesome 아이콘 사용하기

위 코드를 head에 추가 하면 fontawesome.com 에서 제공하는 아이콘 이미지들을 다운로드없이 간편하게 쓸 수 있다.예를들어 plus 모양 아이콘을 사용하고싶다면 Font Awesome 사이트에서 'plus'를 검색한 다음,위의 <i class ~>&l

2021년 8월 7일
·
0개의 댓글
·
post-thumbnail

CSS 가상요소에 FontAwesome 적용하기

"혹시 폰트어썸(FontAwesome)이라는 사이트를 아시나요?"

2021년 8월 3일
·
0개의 댓글
·

[Error] Can't import Font Awesome icon

react.js 에서 Font Awesome icon 을 사용하였을 때 발생한 오류이다. 다른 아이콘들은 잘 import가 되었는데 유독 브랜드 아이콘이 인포트가 안되더라...💦

2021년 8월 2일
·
0개의 댓글
·

[React] React에서 FontAwesome 사용하기

React에서 FontAwesome 사용하기많은 사람들이 svg 아이콘 사이트로 가장 대표적은 FontAwesome을 애용하고 있습니다. 물론, 저 또한 굉장히 애용하고 있는데요, 그래서 이번에도 리액트 프로젝트를 제작하게 되면서 FontAwesome을 사용하게 되었습

2021년 6월 28일
·
0개의 댓글
·

[React] 리액트에서 FontAwesome 쉽게 쓰는 방법!

자바스크립트로 프로젝트나 레이아웃을 만들 때 자주 활용하던 폰트어썸은 대부분 cdn을 복사하면 쉽게 이용할 수 있었다. 리액트에서도 물론 가능하지만 조금 더 멋지게 사용하기 위한 방법을 찾아 헤매다가 발견한 방법을 소개한다.보시면 아시겠지만 자기가 원하는 아이콘을 사

2021년 4월 12일
·
0개의 댓글
·
post-thumbnail

TIL #10 - CSS

센터 정렬 방법 / input 관련 팁 / CSS selector / media query / Font Awesome / 기타

2021년 1월 13일
·
0개의 댓글
·

TIL-wecode 25일차

🦁역시 바로 코드를 보면서 이야기 하는것이 제일 좋은 방법인것 같다!commentList라는 배열 commentValue라는 value값을 선언한다handleCommenmtValue라는 이벤트를 통해 변화하는 value값을 e.target.value를 통해 선언해준다

2020년 12월 10일
·
0개의 댓글
·
post-thumbnail

TIL] - fontAwesome 사용 tip

fontAwesome은 font 속성의 property를 사용할 수 있는 이미지/text 느낌의 아이콘을 무료로 제공해주는 사이트이다. 1차 prj를 하면서 css styling을 정말 많이 경험하고 있고 styling 지옥에 빠져있다. button tag를 사용할

2020년 10월 25일
·
0개의 댓글
·

TIL 35 day react에서 font-awesome 쓰기

react에서 <i> 이용해서 font-awesome 쓰기

2020년 10월 20일
·
0개의 댓글
·
post-thumbnail

Web Icon Font 제작 방법을 배워보자!

흔히 아는 material-icon, font-awesome, ionic-icon은 SVG를 토대로 font 형식으로 생성하여 사용되는 web icon font이다.보통 위 icon set을 가져다가 쓰겠지만 프로젝트를 하면서 내가 원하는 아이콘이 없다면 어떡할까? 대

2020년 8월 26일
·
0개의 댓글
·
post-thumbnail

PROJ-FOODLY-DAY2 : 깃 적응하기 & 폰트어썸

프로젝트 2일차.첫날 로그인/회원가입 HTML, SCSS 까지 마무리하였고, 오늘은 MAIN CONTENT와 FOOTER 까지 끝내기가 목표. 하지만 다 못했지요프로젝트를 진행하면 각자 맡은 컴포넌트/기능에 맞춰 깃 브랜치를 생성하고 작업하게 된다. 나는 4가지의 컴포

2020년 2월 25일
·
0개의 댓글
·