javascript3 [HTML] 웹 UI의 혁신: HTML-in-Canvas API의 등장과 활용법 웹 개발 기술은 언제나 눈부시게 발전해 왔지만, 화려한 3D 그래픽이나 고성능 애니메이션을 구현할 때 늘 마주치는 거대한 장벽이 하나 있었습니다. 바로 ‘캔버스(Canvas)의 시각적 화려함’과 ‘웹 접근성(Accessibility) 및 SEO(검색 엔진 최적화)’ 사이의 타협이었습니다.Three.js나 WebGL, WebGPU를 사용해 태그 안에 멋진 가상 세계를 그려내도, 스크린 리더(화면 낭독기)는 그 안에 어떤 텍스트가 있는지 읽을 수 없었습니다. 검색 엔진 크롤러 역시 마찬가지였죠. 개발자들은 이를 해결하기 위해 캔버스 뒤에 눈에 보이지 않는 ‘스크린 리더용 DOM 구조’를 수동으로 따로 만들어 매칭하는 번거로운 작업을 해야만 했습니다.하지만 최근 Google I/O에서 마침내 이 문제를 근본.. 2026. 6. 15. Javascript | 데이터 타입 모음 자바스크립트의 기본 데이터 타입들을 알아보자!! 자바스크립트에는 여러 개의 데이터 타입들이 존재합니다. 그러면 어떤 데이터 타입들이 존재하고 어떻게 사용할수있는지 알아보겠습니다. 숫자 타입 자바스크립트에서 숫자를 사용해서 간단한 수학을 할 수 있고 또 자바스크립트에 내장돼있은 수학 함수들을 사용해서 sin/cos 같은 수학도 할 수 있습니다. 우리가 아는 기본 수학 기호들은 더하기(+), 빼기(-), 나누기(/), 그리고 곱하기(*) 가있죠 그런데 코딩에서는 수학기호 하나가 더 있습니다, 바로 모듈러(%)입니다. 모듈러는 나누기와 비슷하지만 반대로 작동합니다. 나누기는 나누어진 숫자를 주고 (30 / 3 = 10) 모듈러는 나머지 숫자를 줍니다 (30 % 3 = 0) 자바스크립트 자체에 있는 수학 함수를.. 2021. 8. 9. Javascript | 자바스크립트, 이건 뭐지? 어서 와, 자바스크립트는 처음이지? 안녕하세요 Javascript(자바스크립트)의 세계로 오신 걸 환영합니다 자바스크립트는 웹 개발의 꽃 이라고 할 수 있는 부분인데요 웹 브라우저에서만 작동되는 언어로 웹 페이지에서 유저의 행동에 반응할때 사용됩니다 예를 하나 들어볼게요 다크모드 아시죠? 웹사이트의 전체적 색이 어두워지는 거 이 다크모드 버튼을 클릭했을 때 웹사이트의 스타일(CSS)을 바꾸는걸 자바스크립트가 해주는 겁니다 이 외에도 정말 많은 일들을 할수있는데요 어떤 것들을 할 수 있는지 알아보기 전에 자바스크립트를 어떻게 사용하고 어떻게 작성하는지를 먼저 알아볼게요 오늘은 처음이니까 제일 기본들만 알아볼게요 자바스크립트 사용하기 자바스크립트는 두 가지 방법으로 사용할 수 있습니다 첫 번째는 HTML의 .. 2021. 6. 21. 이전 1 다음 반응형
