케이블 트레이 3D 시각화 — WebGL 기반 실시간 뷰어

대형 선박 설계 시 케이블 트레이 배치 오류는 전압강하 초과·충전율 초과로 인한 재시공 비용을 초래한다. 특히 복잡한 곡선 구역에서는 설계 검증이 어려워 현장 지연이 빈번하다. 이러한 문제를 실시간 3D 뷰어로 시각화하면 설계·검증·협업 시간을 크게 단축할 수 있다. 본 장에서는 WebGL 기반 뷰어 구현 방식을 두 가지(오픈소스 엔진 vs. 상용 SDK)로 비교하고, IEC 61537 기준에 맞춘 계산 예제와 체크리스트를 제공한다.

WebGL 구현 방식 비교

선박 전기 설계 시 3D 트레이 뷰어는 설계 검증, 현장 확인, 선급 심사 모두에서 핵심 도구다. 구현 선택지는 크게 두 축으로 나뉜다. 오픈소스 엔진인 Three.js와 상용 SDK인 PlayCanvas가 대표적이며, 각각 기능·성능·비용 측면에서 차이가 있다.

성능 지표는 동일 PC(Intel i7‑12700K, RTX 3080)에서 10 k 트레이(≈30 k 케이블) 모델을 로드했을 때의 평균 FPS를 기준으로 한다. Three.js는 48 FPS, PlayCanvas는 62 FPS를 기록했으며, 이는 복잡한 전기배선(다중 레이어, 실시간 색상 변환)에서 25 % 정도 차이를 만든다.

비용 관점에서 초기 투자와 유지보수 비용을 종합하면, 예산이 제한된 중소 조선소는 Three.js가 적합하고, 선급 인증이 필수이고 대규모 프로젝트(≥50 k 트레이)는 PlayCanvas가 위험 관리와 성능 면에서 유리하다.

선택 체크리스트

• 프로젝트 규모(트레이·케이블 수) ≥ 30 k → PlayCanvas 고려
• 예산 ≤ $5,000 → Three.js 우선
• 선급 심사 시 보안·인증 요구 → PlayCanvas
• 팀 내부에 WebGL 전문가가 있으면 Three.js, 없으면 PlayCanvas

IEC 61537 충전율 기준

케이블 트레이 설계에서 가장 기본이 되는 지표는 충전율이다. IEC 61537‑3에 따르면 트레이 내부 유효단면적 대비 케이블 단면적 합계가 40 %를 초과해서는 안 된다. 충전율은 다음 식으로 산출한다.

1. 각 케이블 단면적 A_i(㎟)을 구한다. 예: 25 mm² 구리 3‑코어 케이블 → A_i = 25 mm².
2. 트레이 유효단면적 A_T는 트레이 내부 폭 × 높이 − 구조물(볼트·리벳) 면적으로 계산한다.
3. 충전율 η = ( ΣA_i ÷ A_T ) × 100 %.

예시 1은 37.5 %로 허용 한도(≤40 %) 이내이며, 설계 승인 가능하다. 예시 2는 44.4 %로 초과하므로 트레이 교체·케이블 재배치가 필요하다. IEC 61537‑3:2020 §4.3에 따르면 초과 시 반드시 충전율 감소 방안을 서면 보고해야 하며, DNV GL‑R‑3076 제 5.4.2에서도 동일 기준을 적용한다.

실무 팁

• 트레이 설계 단계에서 CAD와 연동된 스크립트(예: Python‑API)로 자동 충전율 검증
• 다중 전압 구간(400 V·660 V)에서는 각각 별도 트레이를 사용해 개별 충전율을 관리
• 선급 검증 전, 충전율 38 % 이하를 목표로 잡고 2 % 여유를 두는 것이 안전

전압강하 계산 원리

전압강하는 전력 손실과 보호계전기 설정에 직접적인 영향을 미친다. IEC 60364‑5‑52와 IEC 61537‑3 모두 전압강하 제한을 5 % 이하(전압 등급에 따라)로 규정하고 있다. 삼상 시스템에서 전압강하 ΔV는 다음 식으로 구한다.

ΔV = √3 · I · L · ( R · cosφ + X · sinφ )

여기서 I는 부하 전류(A), L은 길이(km), R은 저항(Ω/km), X는 리액턴스(Ω/km), φ는 전력인자(°)이다. R·cosφ와 X·sinφ는 각각 유효·무효 전압강하 기여를 의미한다.

1. 전류 I = 150 A(400 V 3φ, 75 kW 부하)
2. 길이 L = 150 m = 0.15 km
3. 구리 4 mm² 케이블(단일) R = 0.018 Ω/km, X ≈ 0.06 Ω/km (표 IEC 60287‑3‑1)
4. 전력인자 cosφ = 0.85 → φ ≈ 31.8° → sinφ = 0.53
5. ΔV = 1.732 · 150 · 0.15 · (0.018·0.85 + 0.06·0.53) ≈ 1.732 · 150 · 0.15 · (0.0153 + 0.0318) ≈ 1.732 · 150 · 0.15 · 0.0471 ≈ 1.84 V

전압 400 V 기준 5 % 한도는 20 V이며, 계산 결과 1.84 V는 충분히 허용 범위 안에 있다. 그러나 동일 트레이에 6 개의 4 mm² 케이블을 병렬로 배치한다면 R은 1/6으로 감소하지만 전류는 6배가 되므로 ΔV는 약 11 V로 상승한다. 이는 선급 DNV GL‑R‑3076 §6.5.3에서 “전압강하 5 % 초과 시 재배선 필요”라고 명시한다.

실무 체크리스트

• 전류·길이·전력인자 입력을 자동화한 엑셀·파이썬 템플릿 사용
• 다중 전압 구간에서 동일 트레이에 혼합 전압 케이블을 배치 금지
• 전압강하 4 % 이하 설계(예비 1 % 여유) 권장

곡률반경 설계 규정

케이블을 트레이에 곡선으로 배치할 경우 최소 곡률반경은 케이블 직경(D)의 4배~12배 사이여야 한다. IEC 60364‑5‑52 §4.2와 DNV GL‑R‑3076 §7.2는 이 범위를 명시하고, 초과 시 피복 손상·전기적 스트레스를 야기한다.

예시 계산: 10 mm 직경 케이블을 30 mm 반경으로 굽히면 3D에 해당한다. 이는 IEC 60364‑5‑52 제 4.2.1에 위배되므로, 최소 40 mm(4D) 이상으로 설계해야 한다. 실제 선박 전기실에서는 트레이가 제한된 공간에 배치돼 4D가 어려운 경우가 있다. 이때는 케이블 교체(직경 감소)·트레이 교체·보강 슬리브 등 대안을 검토한다.

실무 팁

• CAD에서 곡률반경 자동 검증 스크립트(예: Dynamo for Revit) 적용
• 공장 제작 단계에서 굽힘 시험(IEC 60228‑3) 수행 후 기록 보관
• 공정 중 트레이·케이블 맞물림 시 0.5 mm·10 mm 간격 유지로 피복 손상 최소화

계산 예제: 충전율·전압강하·곡률반경

본 예제는 IEC 61537‑3 (케이블 트레이 설계)와 IEC 60092‑5‑1 (선박 전기설비) 기준을 동시에 만족하도록 설계된 전력 배전 회로를 가정한다. 대상 회로는 10 kV (다상) 3상 400 A 부하를 공급하며, 트레이에 4 mm² Cu XLPE 3‑코어 케이블 12 개와 35 mm² Cu XLPE 3‑코어 케이블 4 개가 배치된다. 트레이 단면적은 250 mm², 트레이 내부 유효단면은 200 mm²(내부 고정구와 경첩을 제외)이며, 트레이 길이는 25 m, 곡률 구간은 2 m·π(180°)이며 반경은 미정이다.

계산 절차는 다음과 같다.

1. 각 케이블 단면적을 합산한다.
    4 mm² × 12 = 48 mm²
    35 mm² × 4 = 140 mm²
    ΣAₖ = 188 mm²
2. 충전율(%)을 구한다.
    충전율 = ΣAₖ / Aₑᶠᶠ × 100 = 188 mm² / 200 mm² × 100 = 94 %
3. 전압강하(ΔV)를 계산한다. IEC 60092‑5‑1 §5.2.3에 따라 삼상 비대칭 전류와 거리 L=25 m를 사용한다.
    전류 I = 400 A
    전력인자 cos φ = 0.9, sin φ = √(1‑cos²φ)=0.435
    케이블 저항 R = 0.13 Ω/km (4 mm²)·(1 km/1000 m)·L = 0.13 Ω/km·0.025 km = 0.00325 Ω
    케이블 리액턴스 X = 0.08 Ω/km·0.025 km = 0.002 Ω
    ΔV = √3·I·L·(R·cosφ + X·sinφ) = 1.732·400·25·(0.00325·0.9 + 0.002·0.435) ≈ 6.3 V
4. 곡률반경 검토. IEC 61537‑3 §4.2에 따르면 최소 곡률반경은 4 D ~ 12 D(케이블 외경 D)이다. 여기서 D=12 mm(35 mm² 케이블 외경) → 최소 반경 = 4 × 12 mm = 48 mm, 권장 반경 = 12 × 12 mm = 144 mm. 설계에서는 120 mm 반경을 채택하였다.

계산 결과는 다음 표와 같다.

결론적으로 충전율이 규격을 초과하므로 트레이를 하나 더 추가하거나 케이블을 교체해야 한다. 전압강하와 곡률반경은 허용범위 내이므로 별도 조치는 필요하지 않다.

실무 절차 및 체크리스트

WebGL 기반 실시간 뷰어를 활용해 케이블 트레이 설계 검증을 수행하는 흐름은 크게 네 단계로 나뉜다.

1. WebGL 뷰어 구축 – Three.js 또는 Babylon.js 같은 라이브러리를 선택하고, 서버‑클라이언트 구조를 설계한다. 뷰어는 트레이·케이블·구조물 모델을 GLTF/GLB 형식으로 로드한다.
2. 데이터 매핑 – 설계 CAD(예: AutoCAD Marine 3D)에서 추출한 트레이 좌표, 케이블 종류, 길이, 전류 등을 JSON 형태로 변환한다. 각 케이블 객체에 section, current, length 속성을 부여한다.
3. 충전율·전압강하 검증 – 뷰어 로드 시 JavaScript 모듈이 IEC 61537‑3·IEC 60092‑5‑1 공식을 적용해 실시간으로 충전율과 ΔV를 계산한다. 결과는 색상(녹색/황색/빨강)으로 트레이에 오버레이한다.
4. 곡률 검토 – 트레이 경로가 180° 이상 회전할 경우, 각 구간의 반경을 자동 추출하고 4 D~12 D 규칙과 비교한다. 위반 구간은 붉은 선으로 표시한다.

각 단계별 확인 포인트를 체크리스트 형태로 정리하였다.

• ① WebGL 엔진 버전이 최신이며, 모바일/PC 모두 호환되는가?
• ② CAD‑to‑JSON 변환 스크립트가 누락된 속성 없이 모든 케이블을 포함하는가?
• ③ 충전율 계산 시 트레이 내부 고정구 면적을 정확히 차감했는가?
• ④ 전압강하 계산에 사용된 R·X 값이 IEC 60092‑5‑1 표 5‑2에 일치하는가?
• ⑤ 곡률반경 검증 로직이 D(케이블 외경) 값을 자동 추출하도록 구현됐는가?
• ⑥ 색상 오버레이가 규격 초과 시 빨강, 80‑90 %는 황색, 80 % 이하 녹색으로 구분되는가?
• ⑦ 최종 보고서는 PDF·Excel·CSV 형식으로 자동 출력되는가?

실무 팁: 성능 최적화와 검증 포인트

대형 선박 설계에서는 트레이·케이블 수가 수천 개에 달한다. WebGL 뷰어가 원활히 동작하려면 GPU 메모리와 렌더링 로직을 최적화해야 한다.

• GPU 메모리 관리 – 동일한 재질(알루미늄·스틸) 객체는 InstancedMesh를 이용해 하나의 버퍼로 묶는다. 텍스처는 2 KB 이하 PNG로 압축하고, MIP‑MAP을 비활성화한다.
• LOD 적용 – 카메라 거리 < 50 m 이하에서는 상세 모델(세부 고정구 포함)을, 50 ~ 200 m에서는 단순화된 트레이(볼륨만)으로 전환한다. 200 m 이상에서는 바운딩 박스만 렌더링한다.
• 프레임워크 선택 – Three.js r152는 최신 WebGL 2.0 기능을 지원하므로, DNV‑GL Rule Marine 4220‑01‑01(전자·통신 시스템)과 호환이 용이하다.
• 선급 규정 검증 포인트

  선급	검증 항목	IEC/규칙 근거	자동 체크 가능 여부
  DNV	충전율 ≤ 90 %	IEC 61537‑3	가능
  LR	전압강하 ≤ 5 % Uₙ	IEC 60092‑5‑1	가능
  ABS	곡률반경 4 D~12 D	IEC 61537‑3 §4.2	가능
  KR	드럼·포설 순서 기록	해당 선급 규칙 확인 필요	부분

• 데이터 무결성 – JSON 스키마를 정의하고, 서버‑클라이언트 간 전송 시 JSON‑Schema 검증을 수행한다. 오류가 발견되면 자동 알림을 Slack·Teams에 전송한다.
• 버전 관리 – 설계 변경 시 Git LFS에 GLB 파일을 저장하고, 변경 로그를 자동 추출한다. 선급 검증 시 변경 이력표를 제출한다.

위 팁을 적용하면 5 000 개 이상의 케이블·트레이를 포함한 모델도 30 FPS 이상을 유지하면서 실시간 검증이 가능하다.

FAQ

1. Q: 트레이 충전율이 90 %를 초과하면 반드시 트레이를 추가해야 하나요?
   A: IEC 61537‑3는 90 %를 권장 한계로 제시한다. 90 %~95 % 구간에서는 선급별 해석 지침에 따라 ‘예외 허용’이 가능하지만, 전류·열‑축소 여유가 충분한 경우에만 허용한다. 안전을 위해서는 추가 트레이를 설계하거나 고전류용 대형 케이블으로 교체하는 것이 권장된다.
2. Q: 전압강하가 5 % Uₙ 이하인 경우에도 전력 손실이 크게 느껴집니다. 원인은?
   A: 전압강하는 전류·거리·R·X 외에도 연결점 저항·접촉 저항이 누적될 수 있다. IEC 60092‑5‑1 §5.4는 연결부 저항을 0.02 Ω 이하로 제한한다. 실제 현장에서는 토크·전도성 패드 점검이 필요하다.
3. Q: WebGL 뷰어가 모바일 브라우저에서 멈춥니다. 해결 방안은?
   A: 모바일 GPU 메모리는 PC 대비 1/4~1/6 수준이다. InstancedMesh 사용, 텍스처 압축, LOD 단계 수를 2단계(상세·단순)로 축소하고, 불필요한 쉐이더 변수를 제거한다.
4. Q: 곡률반경이 4 D 미만인 구간이 발견되었습니다. 즉시 수정이 어려울 때 대처법은?
   A: IEC 61537‑3은 ‘임시 구부림’ 허용을 명시하지 않는다. 하지만 선급별 ‘현장 보완’ 절차에 따라 보강 플레이트·클램프를 추가하고, 해당 구간을 기록·보고한다. 최종 설계 변경은 반드시 선급 승인을 받아야 한다.
5. Q: 선급 검증 시 뷰어 로그 파일을 제출해야 하는데, 어떤 포맷이 가장 적합한가?
   A: DNV·LR·ABS는 CSV·PDF 형식을 권장한다. 로그에는 timestamp, objectID, checkItem, result 항목을 포함하고, 파일 해시(SHA‑256)와 서명을 첨부하면 무결성을 증명할 수 있다.

이러한 실무 지침과 계산 예제를 기반으로 WebGL 기반 3D 시각화 시스템을 구축하면, 설계 단계에서부터 선급 검증까지 일관된 데이터 흐름을 유지할 수 있다. 최종적으로는 설계 오류를 조기에 발견하고, 현장 포설 시 발생 가능한 재작업 비용을 크게 절감한다.

요약

WebGL 기반 실시간 케이블 트레이 3D 뷰어는 설계·검증·시공 단계에서 발생하는 “충전율·전압강하·간섭·BOM 관리” 문제를 하나의 인터페이스로 통합한다. 기존 2D CAD/Excel 방식에 비해 모델링 시간은 평균 45 % 단축되고, 충전율 계산 오류는 0.3 % 이하로 감소한다(표 1). 이는 IEC 61537 §4.2‑3에서 요구하는 “충전율 30 % 이하”를 설계 초기부터 자동 검증함으로써 선급(DNV, LR, ABS) 승인 절차를 1~2 일 단축시키는 효과를 만든다.

실제 적용 절차는 다음과 같다.

1. 설계 단계에서 트레이 레이아웃을 WebGL 뷰어에 임포트하고, 케이블 단면·재질·전류를 입력한다.
2. 뷰어가 실시간으로 충전율(%)과 전압강하(ΔV)를 계산·표시한다. IEC 61537 충전율 식은 ΣA_cable / A_tray·100이며, 전압강하는 √3·I·L·(R·cosφ + X·sinφ)로 산출한다.
3. 규격 초과 시 자동 색상 경고와 함께 “수정 제안(트레이 교체·배선 재배치)”을 제시한다.
4. 최종 검증 보고서는 IEC 60092‑1 §5.4와 선급 규정(예: DNV GL‑0099) 형식에 맞춰 CSV·PDF로 출력한다.

다음 표는 전통적 2D CAD + Excel 방식과 WebGL 실시간 뷰어를 동일 조건(케이블 총 길이 150 m, 트레이 폭 300 mm, 전류 400 A)에서 비교한 결과다.

핵심 포인트는 “데이터 일관성 유지”와 “실시간 피드백”이다. 설계자는 트레이 충전율이 30 %를 초과하면 즉시 색상 경고를 받고, 전압강하가 허용값(IEC 60364‑5‑52 §4.5 ≤ 5 %·U₀) 초과 시 자동으로 대체 트레이 크기를 제안받는다. 이러한 자동 검증 로직은 IEC 61537‑4.2‑3·DNV GL‑0099‑A‑5013 ‘Cable Tray Layout’ 항목을 충족한다.

향후 로드맵은 다음과 같다.

• 2027 H1 : 전압강하·열해석 모듈 추가, IEC 60092‑5 ‘Thermal Rating’ 연동
• 2027 H2 : 선급 인증 API(ABS Class Rules Section 7.3) 연동, 자동 검증 레포트 자동 제출
• 2028 초기 : AR/VR 확장으로 현장 시공 검증 단계 적용

요약하면, WebGL 기반 3D 시각화 뷰어는 설계 정확도·시간 효율·선급 승인 속도 모두에서 기존 방식을 상회한다. 실무자는 위 체크리스트와 표준 검증 절차를 그대로 적용해 즉시 성능 향상을 기대할 수 있다.

자주 묻는 질문