블로그
코드로 만들다 배운 것들이 쌓이는 로그입니다.
글 5편 · 태그 7개
태그
전체 글 5편
8분 읽기
데이터는 이미 왔는데 화면이 멈출 때
클라이언트에서 무거운 검색·필터·집계를 돌릴 때 UI가 멈추는 이유를 구분하고 웹 워커 경계와 결과 적용 규칙을 설계하는 방법을 정리했습니다.
프론트엔드성능
9분 읽기
관측 스택을 테스트 오라클로 쓰기
ORBIT을 만들며 E2E 합격을 HTTP 응답이 아니라 메트릭·로그·트레이스에 대고 수치 계약으로 단언하는 방법을 정리했습니다.
관측성테스트
7분 읽기
바다를 코드로 만들기 three.js로 FFT 海洋 구현기
three.js(WebGPU + TSL)로 실시간 바다를 만들며 배웠습니다. 스펙트럴 합성에서 FFT까지, GPU 컴퓨트 최적화와 수중 표현, 그 사이의 삽질 기록입니다.
시뮬레이션그래픽스성능
6분 읽기
Vicsek 모델로 보는 물고기 군집 움직임
Vicsek 모델을 p5.js 물고기 떼 애니메이션으로 옮기며 지역 정렬과 Boids의 분리 규칙을 함께 쓴 이유를 설명합니다.
시뮬레이션시각화
23분 읽기
데이터 시각화 핸드북: 화면에 맞는 차트 고르기
데이터 시각화 프로젝트에 접근하는 일곱 가지 원칙과 목적별 도감을 한 편에 담았습니다. 마흔 가지 차트 표현이 전부 이 페이지에서 직접 렌더됩니다.
프론트엔드시각화
