클로리셔 작은 공간

React에서 Font Awesome가 필요할 때 있는데.. 항상 뭐 설치해야할것이 많고.. import 할것도 많고.. 하다보면 무슨 에러가 나길래 짜증나서 그냥 내가 내 블로그에 정리함. 폰트어썸(Font Awesome) 공식페이지가면 잘 설명되어있긴하나.. 공식 홈페이지에서 차분히 영어공부하면서 해보고 싶은 분들은 아래 링크를 클릭해주세요. Set Up with React The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com [ 폰트어썸 설치.. 파해쳐버리기 ] 1. 터미널에 ya..

1. SVG 이용해서 사각형 태그 그리기 x 와 y 는 사각형의 왼쪽 위쪽 위치를 정의 ( X축 150픽셀에서 사각형 만들어라./ Y축 100픽셀에서 사각형 만들어라.) width: 가로 픽셀 넓이 height: 세로 픽셀 길이 2. SVG 이용해서 모서리 둥근 사각형 태그 그리기 rx와 ry는 사각형 모서리의 둥글기를 정의합니다.

cx와 cy 속성은 원의 중심의 x와 y 좌표를 정의합니다. cx와 cy를 생략한다면 기본 (0,0)로 설정됩니다. r은 원의 반지름을 정의합니다. cx와 cy는 타원 중심의 좌표를 정의 (타원의 중심축 X,Y 좌표) rx는 수평 반지름을 정의 (타원의 넓이) ry는 수직 반지름을 정의 (타원의 높이)

HTML에서 그림 그리기 기능에는 와 태그가 있다. SVG란? - SVG는 확장 가능한 벡터(Vector) 그래픽을 의미한다. - SVG는 웹을 위한 벡터 기반 그래픽을 정의하는데 사용합니다. - SVG는 XML 형식의 그래픽을 정의합니다. - 확대 하거나 크기를 변경해도 품질은 전혀 손상이 없습니다. - 동영상으로 된 SVG의 모든 요소와 모든 속성은 W3C의 권장사항에 포함됩니다. * Canvas(캔버스)는 비트맵(Bitmap) 그래픽을 표현합니다. SVG와 Canvas의 차이점 - SVG는 XML의 2D 그래픽을 기술하는 언어입니다. - SVG는 XML을 기반으로하여 모든 요소가 SVG DOM내에서 사용할 수 있음을 의미합니다. - 요소에 자바스크립트 이벤트핸들러를 첨부할 수 있습니다. - SVG에..