농부처럼 코딩하기

web에서 3d 작업을 하는 일이 많아졌다. 지금은 주로 threejs를 사용해서 작업을 하고 있지만 앞으로를 대비해서 webgpu를 사용해서 이것저것 해볼 생각이다. 먼저 webgpu sample 코드를 자세히 살펴보겠다. const meshRef = useRef(null); if (!navigator.gpu) { throw new Error("WebGPU is not supported"); } const adapter = await navigator.gpu.requestAdapter(); if (!adapter) { throw new Error("No appropriate GPUAdapter found"); ..

기존에는 react나 next 프로젝트에 typescript를 사용했을 때는 프로젝트를 생성했을때 typescript 옵션을 추가해줬기 때문에 관련 설정을 하는데 특별한 어려움이 없었다. 이번에 WebGPU를 공부하기 시작하면서 기본적인 typescript 설정에도 어려움을 겪어 간단히 정리하였다. https://webgpufundamentals.org/webgpu/lessons/ko/webgpu-fundamentals.html WebGPU 기초WebGPU의 기초webgpufundamentals.org 해당 사이트에 있는 sample code가 js로 되어 있어 이를 ts로 변환하기로 했다. 1. 간단한 html 생성2. webgpu sample code(.js)를 .ts파일로 변경3. 실행해보기4. 안..