Hacker News 2026.04.11 42

JavaScript로 3D 모델링을? FluidCAD로 만나는 '코드 기반 CAD'의 세계

코드로 설계도를 그린다고요?

3D 모델링이라고 하면 보통 마우스로 도형을 끌어다 놓고, 크기를 조절하고, 이리저리 회전시키는 걸 떠올리잖아요. Fusion 360이나 SolidWorks 같은 전통적인 CAD 소프트웨어가 그런 방식이죠. 그런데 최근에 FluidCAD라는 흥미로운 프로젝트가 등장했는데요, 이 도구는 JavaScript 코드를 작성해서 3D 모델을 만드는 파라메트릭 CAD 도구예요.

파라메트릭(parametric)이라는 말이 좀 어렵게 느껴질 수 있는데, 쉽게 말하면 "수치를 변수로 넣어서, 그 변수만 바꾸면 전체 설계가 자동으로 바뀌는" 방식이에요. 예를 들어 나사의 지름을 diameter = 5라고 정해놓으면, 나중에 diameter = 8로 바꾸는 것만으로 모든 관련 치수가 자동으로 조정되는 거죠. 이걸 GUI가 아니라 코드로 한다는 게 FluidCAD의 핵심 아이디어예요.

FluidCAD는 어떻게 동작하나요?

FluidCAD는 웹 브라우저에서 바로 실행되는 도구예요. 왼쪽에 JavaScript 코드 에디터가 있고, 오른쪽에 3D 뷰포트가 있어서 코드를 수정하면 실시간으로 결과물이 렌더링돼요. 기본적인 사용 흐름은 이래요 — 기본 도형(박스, 실린더, 구 등)을 코드로 생성하고, 불리언 연산(합치기, 빼기, 교차)이나 변환(이동, 회전, 스케일)을 적용해서 복잡한 형상을 만들어 나가는 방식이에요.

개발자 입장에서 특히 매력적인 부분은 JavaScript라는 익숙한 언어를 쓴다는 점이에요. 반복문으로 패턴을 생성하거나, 함수로 재사용 가능한 컴포넌트를 만들거나, 조건문으로 상황에 따라 다른 형상을 만드는 게 가능하거든요. 프로그래머의 사고방식 그대로 3D 모델링에 적용할 수 있는 거예요.

예를 들어, 바둑판 무늬 패턴이 있는 상자를 만들고 싶다면? for 루프 두 개 중첩해서 작은 큐브를 격자로 배치하면 끝이에요. GUI 기반 CAD에서는 하나하나 클릭해서 복사-붙여넣기 해야 할 작업을 코드 몇 줄로 끝낼 수 있는 거죠.

코드 기반 CAD, 어떤 것들이 있나요?

사실 코드로 3D 모델링을 하는 접근법은 FluidCAD가 처음은 아니에요. 이 분야에는 이미 몇 가지 주요 프로젝트들이 있거든요.

가장 유명한 건 OpenSCAD예요. 자체 스크립팅 언어를 써서 3D 모델을 만드는 오픈소스 도구인데, 2010년부터 있었으니 역사가 꽤 길어요. 메이커 커뮤니티에서 특히 인기가 많고, 3D 프린팅용 모델을 만들 때 많이 쓰여요. 다만 자체 언어의 문법이 좀 독특하고, 범용 프로그래밍 언어의 편의 기능(패키지 매니저, 풍부한 라이브러리 등)을 쓸 수 없다는 한계가 있어요.

CadQuery는 Python 기반의 파라메트릭 CAD 라이브러리예요. Python 개발자라면 익숙한 문법으로 3D 모델링을 할 수 있고, Jupyter Notebook과 연동할 수도 있어서 데이터 사이언스 워크플로우와 잘 맞아요. 산업용 커널인 OCCT(Open CASCADE Technology)를 기반으로 하기 때문에 정밀도도 높은 편이고요.

그리고 최근에는 JSCAD라는 프로젝트도 있어요. 이것도 JavaScript 기반인데, FluidCAD보다 먼저 나왔고 커뮤니티도 어느 정도 형성되어 있어요.

FluidCAD가 이 경쟁 구도에서 차별화하려는 지점은 브라우저 네이티브 경험과 실시간 피드백인 것 같아요. 설치 없이 웹에서 바로 쓸 수 있고, 코드를 수정하면 즉시 결과가 보이는 인터랙티브한 경험을 강조하고 있거든요. 여기에 JavaScript 생태계의 방대한 라이브러리를 활용할 수 있다는 점도 장점이 될 수 있어요.

누가, 왜 코드로 CAD를 하는 걸까요?

"마우스로 그리면 되는 걸 왜 굳이 코드로?"라고 생각할 수도 있는데요, 코드 기반 CAD가 빛나는 상황이 분명히 있어요.

첫째, 버전 관리가 돼요. 코드니까 Git으로 관리할 수 있잖아요. 설계 변경 이력을 추적하고, 브랜치를 나눠서 다른 버전을 실험하고, PR로 리뷰하는 게 전부 가능해요. 바이너리 형태의 CAD 파일로는 이런 워크플로우가 거의 불가능하거든요.

둘째, 자동화와 매개변수화에요. 사이즈별로 100개의 변형을 만들어야 한다면? 코드라면 변수 하나만 반복문으로 돌리면 되지만, GUI에서는 하나하나 수작업이에요.

셋째, 하드웨어 스타트업이나 메이커 문화에서 특히 유용해요. 3D 프린터로 시제품을 찍어내는 과정에서 치수를 자주 바꿔야 하는데, 코드 기반이면 이 반복 작업이 훨씬 효율적이거든요.

한국 개발자에게 주는 시사점

한국에서도 3D 프린팅 취미를 가진 개발자가 많아지고 있고, 로보틱스나 IoT 프로젝트에서 커스텀 인클로저(외함)를 설계할 일도 늘고 있어요. 이럴 때 Fusion 360 같은 무거운 도구를 배우는 대신, 이미 익숙한 JavaScript로 빠르게 프로토타이핑할 수 있다면 꽤 매력적인 선택지가 될 수 있어요.

특히 FluidCAD는 브라우저에서 바로 써볼 수 있으니 진입 장벽이 거의 없어요. 주말에 한번 fluidcad.io에 접속해서 간단한 모델을 만들어보면, 코드로 물리적 물건을 설계하는 새로운 경험을 해볼 수 있을 거예요. 프론트엔드 개발자라면 특히 친숙하게 느낄 수 있고요.