# fontawesome
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 시간을 가졌다. 좀 더 코딩 관점에서 정리해보면, 나에게 오늘의 핵심 키워드는 "유지/보수"다.

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

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가 되었는데 유독 브랜드 아이콘이 인포트가 안되더라...💦
[React] React에서 FontAwesome 사용하기
React에서 FontAwesome 사용하기많은 사람들이 svg 아이콘 사이트로 가장 대표적은 FontAwesome을 애용하고 있습니다. 물론, 저 또한 굉장히 애용하고 있는데요, 그래서 이번에도 리액트 프로젝트를 제작하게 되면서 FontAwesome을 사용하게 되었습
[React] 리액트에서 FontAwesome 쉽게 쓰는 방법!
자바스크립트로 프로젝트나 레이아웃을 만들 때 자주 활용하던 폰트어썸은 대부분 cdn을 복사하면 쉽게 이용할 수 있었다. 리액트에서도 물론 가능하지만 조금 더 멋지게 사용하기 위한 방법을 찾아 헤매다가 발견한 방법을 소개한다.보시면 아시겠지만 자기가 원하는 아이콘을 사

TIL #10 - CSS
센터 정렬 방법 / input 관련 팁 / CSS selector / media query / Font Awesome / 기타
TIL-wecode 25일차
🦁역시 바로 코드를 보면서 이야기 하는것이 제일 좋은 방법인것 같다!commentList라는 배열 commentValue라는 value값을 선언한다handleCommenmtValue라는 이벤트를 통해 변화하는 value값을 e.target.value를 통해 선언해준다

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

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

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