728x90 html2 canvas canvas란 무엇인가?는 HTML5에서 도입된 그래픽 요소이다. 브라우저 화면에 픽셀 기반의 그래픽을 그릴 수 있게 만들어진 "캔버스(도화지)"이다. 화가가 캔버스에 그림을 그리듯이, 브라우저 안에서 Javascript 코드로 그림을 그릴 수 있도록 만들어주는 요소이다. HTML 코드 안에서 태그를 선언JavaScript를 통해 에 그리기 컨텍스트(CanvasRenderingContext2D 혹은 WebGL)를 연결선, 도형, 텍스트, 이미지 등을 픽셀 단위로 직접 그리기 canvas는 왜 사용하는가?자유롭게 2D 또는 3D 그래픽을 표현할 수 있다.• 게임 그래픽 (예: 2D 게임, 미니맵)• 데이터 시각화 (차트, 그래프)• 이미지 편집 도구• 애니메이션 효과• 시뮬레이션 (예: 물리 엔진)고성.. 2025. 5. 31. setHTMLUnsafe setHTMLUnsafe란?React나 Vue, Svelte같은 프레임워크에서 HTML 콘텐츠를 동적으로 삽십할 때 사용되는 메서드 중 하나이름에 Unsafe가 붙는데 의미 그대로 안전하지 않다는 뜻을 가진다.프레임워크에서 XSS (Cross-Site Scripting) 보호를 위해 기본적으로 HTML 콘텐츠를 Escape 처리하지만, 개발자가 이를 우회하여 **"원시 HTML"**을 직접 삽입하고자 할 때 사용한다.XSS (Cross-Site Scripting) 란?악의적인 사용자가 웹 어플리케이션에 스크립트 (보통은 자바스크립트)를 삽입하여 다른 사용자에게 전달하고 실행하게 만드는 보안 취약점을 말한다.⇨ 악의적인 사용자가 웹사이트에 악성 코드(스크립트)를 심고, 그 코드를 다른 사용자의 브라우저에.. 2025. 5. 26. 이전 1 다음 728x90