객체‑배열(Object of Arrays, SoA) 패턴이 인터리브 배열보다 빠른 이유 – JavaScript 성능 최적화 비법

# 서론 – “왜 배열 구조가 성능을 좌우할까?” 프론트엔드 개발을 하다 보면 대용량 데이터를 다루는 루프가 성능 병목이 되는 경우를 흔히 마주합니다. 특히 게임 로직, 물리 엔진, 혹은 차트 렌더링처럼 수천·수만 개의 좌표를 매 프레임마다 연산해야 하는 상황에서는 데이터 구조 자체가 성능의 열쇠가 됩니다. 최근 레딧( Reddit )의 “Why Object of Arrays (SoA) beat interleaved arrays” 논의가 화제를...