생태계 비교
수강생 질문

Node.js가 React같은 코드를 웹브라우저로 보여주기위한 중간통역사 역할을 한다는 것, 그래서 앞으로 우리가 바이브디자인을 할때 필요하다는것 이해 잘 했어요. 감사합니다. 만약에 React 말고 다른 코드언어로 만들어진 디자인을 해야한다면, 그것을 위한 개발환경을 만들때 다른 통역사를 설치해야하는건가요? 예를들어, 저희 회사에 오래된 어플리케이션들은 .net 이나 C#으로 만들어져 있는데....나중에 업무적인것에 적용을 어떻게 하나 생각해보다가 질문 남겨요


답변 3
답변

은영님 안녕하세요! 더 정확한 설명을 드리자면 node.js는 javascript runtime환경 (우리 컴퓨터를 비롯한 모든 리모트 서버가 js로 만든 코드를 실행하기 위한) 이고요 node.js 위에 npm (피그마 커뮤니티 역할)이 있는겁니다. 다만 차이점은 피그마 커뮤니티는 필요한 라이브러리, 플러그인을 받기 위한 역할이고요, npm은 전반적으로 모든 패키지들을 실행해주는 역할도 합니다. 여기서 '실행'이란 말이 좀 어려울 수 있는데, 우리가 쓰는 react.js도 하나의 패키지이기 때문에 이걸 html, css, js 코드로 분해해서 서버에 돌리고 이걸 브라우저가 보게하는거죠. package를 푸는거라할 수 있겠습니다. 만찬가지로 react.js 말고 flutter, vue, angular같은 프레임워크를 사용할때도 마찬가지입니다. 각자 철확과 원칙에 맞게 컴퍼넌트와 상태관리를 할 수 있는 기능들이 있는데요, 이것들의 문법이 react.js랑 다르지만 코스에서 연습했던것 처럼 내가 작성한 프롬프트가 어떤 코드와 컴퍼넌트를 만들었는지 이걸 잘 추적,관리해서 내 의도와 만들어진 코드의 인과관계를 이해하는게 중요합니다! 그래서 답변은 별도의 통역사를 설치할 필요는 없고 모두 동일한 환경에서 실행됩니다. 그리고 통역사라는 표현은 node.js 보다는 코드의 최종 빌드 여부를 담당하는 '컴파일러'에 가깝습니다 :)

답변

답변 감사합니다. 그럼 이렇게 이해해도 될까요? 앞으로 모든 바이브 디자인을 할때 개발환경 기본세팅으로 node.js는 반드시 들어가는 것이고, 대신 다른 프레임워크들이라면 그에 맞는 패키지를 npm이 실행해준다....

답변

'모든 바이브 디자인'이라고 100% 확정 짓기에는 예외도 있겠지만, 적어도 node.js가 웹 개발 생태계에서는 현재 가장 메이저중 하나이고 적어도 여러분들이 웹프로그래밍 환경에서 바이브 디자인을 한다면 node.js를 전제로할 확율이 높습니다. 개인프로젝트는 그렇게 하시면 되고요 회사프로젝트는 예외도 있겠지만 많은 it 프로덕트팀은 node.js를 사용하고있죠!

같은 걸 만들다 막혔나요?

Vibe Design Lab 커뮤니티에서 수강생들이 실제로 막힌 지점과 해결을 나눕니다.