피드로 돌아가기
Dev.toFrontend
원문 읽기
Vanilla JS 기반의 고효율 금속 중량 계산 엔진 설계
I Built a Free Metal Weight Calculator — Here's the Math Behind It
AI 요약
Context
수작업 기반의 금속 중량 계산으로 인한 낮은 효율성과 오류 가능성을 해결하기 위한 목적의 도구 개발. 복잡한 프레임워크 없이 브라우저 환경에서 즉각적인 계산 결과를 제공하는 경량 시스템 지향.
Technical Solution
- Backend 없는 Serverless 구조를 통해 인프라 비용 제로 및 응답 지연 시간 최소화
- HTML, CSS, ES Modules 기반의 Vanilla JS 채택으로 런타임 오버헤드 제거
- 단면적(A), 길이(L), 밀도(ρ)를 변수로 하는 범용 물리 공식(W = A × L × ρ)의 추상화
- 소재별 밀도 데이터를 Map 형태로 관리하여 다양한 재질에 대응하는 확장성 확보
- 반복되는 계산 상수를 분리한 Divisor Pattern 도입을 통한 연산 복잡도 감소
- 각 섹션 타입별(Round Bar, Pipe, Hollow Section, Angle) 독립적인 계산 로직 모듈화
실천 포인트
- 단순 계산 기반 도구 설계 시 프레임워크 도입 전 Vanilla JS 기반의 PoC 검토 - 반복되는 물리 공식의 상수항을 분리하여 연산 횟수를 줄이는 최적화 기법 적용 - 데이터(밀도)와 로직(계산식)을 분리하여 새로운 소재 추가 시 코드 수정 최소화