728x90 300x250 SMALL Front-end313 svg 캔버스 비교 SVG(Scalable Vector Graphics) 확장가능한 벡터 그래픽 XML 기반의 2차원 그래픽 아이콘, 이미지, 그래프, 사용자 인터페이스(UI)등 널리 쓰인다. DOM의 일부로서 각 객체별로 HTML엘리먼트가 추가된다. 이미지 크기 상관없이 선명함이 유지되고 복잡하지 않다면 용량도 크지 않다. CSS, 자바스크립트로 조작가능 캔버스 >비트맵 기반 그래픽이미지나 비디오의 픽셀 조작, 게임, 퍼포먼스가 중요한 이미지 조작등에 스임로 표현자바스크립트로 조작가능 (css는 불가능)픽셀 단위의 조작크기가 클수록 성능이 떨어짐 2022. 4. 10. React 리액트 설치 방법 React를 설치하기 위해서는 몇 가지 재료가 필요 합니다. 1. node.js, 2. Visual Studio Code node.js설치 먼저 검색창에서 node.js를 검색합니다. Node.js 사이트로 들어가면 바로 Download가 나오는데 오른쪽은 최신버전이고 왼쪽은 가장많이 추천되는 버전 나는 오른쪽에 최신버전으로 받았다. 다운받은 node.js를 설치합니다. Visual Studio Code설치 방법 VS CODE 에디터 설치 방법은 지난포스팅 참고 https://moo-you.tistory.com/155 Visual Studio Code 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기] Visual Studio 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기] .. 2022. 4. 9. [크롬] 압축된 js 코드 예쁘게 보기 js 코드를 보다 보면 이렇게 압축된 코드가 있는데 이렇게 코드를 압축하면 용량도 적게 차지하고 더 빠르다고 한다. 그러나 보기가 불편하기 때문에 크롬에서는 이런 압축 코드를 예쁘게 보는 기능을 제공하고 있다. 개발자 도구 > Sources탭에서 해당 js를 열고 하단 Pretty print 아이콘을 클릭한다. 그러면 아래와 같이 코드가 보기 편하게 변경된 것을 확인할 수 있다. 2022. 4. 4. 온라인 소스코드 비교 사이트 Diffchecker https://www.diffchecker.com/ Diffchecker Try our desktop app Offline diffing, advanced features and more www.diffchecker.com Original Text에 원래 문서를 넣고 Changed Text에 변경된 문서를 넣고 Find Difference를 클릭하면 다른점을 찾아준다. 2022. 4. 2. 이전 1 ··· 31 32 33 34 35 36 37 ··· 79 다음 728x90 반응형 LIST