Font Awesome
Font Awesome 5를 슬기롭게 사용하는 방법
웹사이트를 개발하다 보면 아이콘이 필요한 경우가 많습니다. 인터넷을 찾아보면 다양한 방법과 형식으로 무료로 제공해 주는 웹사이트가 많이 있는데요. 그중에서도 가장 많이 사용되는 폰트
ux.stories.pe.kr
1. static하게 만들고
2. CSS로 스타일링 한다음에
3. 동적으로 만들자
- CSS Generator를 구글링하면 많이 나옴
CSS Gradient
CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
cssgradient.io
JavaScript / 요소 추가하기 / .createElement(), .createTextNode(), .appendChild()
자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다.
www.codingfactory.net
디버깅
source 탭에서 -> 브레이크포인트 찍으면 -> 거기서 멈춘다.
마우스로 혹은 watch 탭에서 가능
'[React] Front-End' 카테고리의 다른 글
| [리액트기초] 2) 리액트 개념정리 / 컴포넌트 class vs function / html-js-jsx연동 (0) | 2021.05.06 |
|---|---|
| [리액트기초] 1) React 프로젝트 시작하기(환경셋팅 편) (0) | 2021.05.06 |
| [Front-End] Web APIs / DOM / CSSOM / CSS Triggers / (0) | 2021.04.27 |
| [Front-End] HTML / CSS / Web APIs (0) | 2021.04.23 |
| [JS] 자바스크립트 필터 함수 (0) | 2021.04.15 |