Programming (12) 썸네일형 리스트형 [3D / Cesium] 3D 애니메이션 그래프 구현 개요저는 최근 Cesium을 활용한 3D 데이터 시각화 프로젝트를 진행하면서, 막대그래프의 높이를 동적으로 조정하는 애니메이션을 구현했습니다. 초기에는 Box Entity를 사용했으나 성능 문제가 발생했고, 이를 glb 모델로 전환하며 효율성을 극대화할 수 있었습니다. 특히 glb의 애니메이션 데이터를 사용하는 대신, SampledPositionProperty를 이용해 직접 위치를 변경하는 방식으로 더 나은 성능을 확보했습니다. 프로젝트 목표: 3D 그래프의 높이 변경 애니메이션 구현프로젝트의 주요 목표는 다음과 같았습니다:데이터를 입력받아 3D 막대그래프를 생성각 막대의 높이를 애니메이션으로 동적으로 조정40 X 40 그리드와 같은 대규모 데이터에서도 성능을 유지초기에는 Cesium의 Box Entit.. [JavaScript] 원시 타입 VS 객체 타입 ( Primitive VS Object ) 개요자바스크립트 코드를 짜던 중 신기한 일이 발생했습니다.다음 코드를 보고 console.log의 값을 맞춰보세요. const A = 1; const B = 1; const C = { num: 1 } const D = { num: 1 } console.log(A === B); console.log(C === D); 저는 두 번 모두 true가 나올 것이라고 생각했습니다.하지만 결과는? console.log(A === B); // true console.log(C === D); // false 분명 C와 D에 같은 key value를 넣었음에도 false가 나왔습니다.그 이유는 원시(Primitive) 타입과 객체(Object).. [Node] NVM 설치와 사용 (Windows) 개요NVM이란?Node Version ManagerNode.js의 버전을 관리하는 도구이다.협업을 하거나 다양한 프로젝트를 진행할 때 Node 버전으로 인한 호환 문제를 해결하기 위해그때그때 해당 프로젝트에 맞는 Node 버전을 사용할 수 있도록 합니다. NVM 설치1. 링크 이동nvm-windows 깃허브로 이동합니다https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 2. exe 설치스크롤을 내리다 보면 .. [JavaScript] 브라우저 밖 알림 기능 개요브라우저 안에서의 알림은 alert로 가능합니다. 하지만 사용자가 브라우저를 보고 있지 않다면 의미가 없기 때문에 브라우저 밖에서도 확인 가능한 알림 기능에 대해 알아봤습니다. 방법Notification방법은 바로 내장 객체인 Notification을 사용하는것 이었습니다.window.Notification은 브라우저에서 사용자에게 알림을 표시하기 위한 JS의 내장 객체입니다.이 객체를 사용하면 브라우저 밖에서도 사용자에게 알림을 보낼 수 있습니다.구현 방법은 다음과 같습니다. 구현1. 권한 요청Notification처럼 브라우저 밖에서도 js 코드가 영향을 주기 위해선 사용자의 허가가 있어야 합니다.requestPermission으로 권한 허용 여부를 물어볼 수 있습니다.코드는 다음과 같이 사용할 .. 이전 1 2 3 다음
