2022년 11월 25일 금요일

편리하고 강력한 온라인 코딩 통합개발환경 코드샌드박스 이야기

이 글은 강력한 온라인 코딩 통합 개발 환경 코드샌드박스를 간략히 소개한다. 참고로 이와 유사한 도구로 Replit (2016) 이 있다.

머리말
코드샌드박스는 2017년 전직 페이스북 개발자 Ives van Hoorne, 산업 디자이너 Bas Buursma에 의해 네델란드에서 설립된 회사이다. 협업을 통해 누구나 아이디어를 쉽게 공유하고 배포하는 것이 미션이다. 

CodeSandBox 는 온라인 상에서 코딩, 개발을 지원하는 IDE(Integrated development environment) 도구와 개발 전주기를 지원한다. 샌드박스란 말 그대로, 편하게 프로젝트를 개발하고 실험할 때 편리한 코딩 환경을 제공한다. 자바스크립트, 웹 등 다양한 프로젝트 개발 시 사용되며, 라이브러리 버전 관리, 온라인 협업, 프로젝트 템플릿, 테스트, 배포 등 편리한 기능을 제공한다.

특징 및 기능
코드샌드박스는 React, Vue, Remix와 같은 유명한 자바스크립트 노드 프레임웍을 샌드박스 형식으로 제공한다. 프로젝트 생성 시 다음과 같이 템플릿을 선택하면, 선택된 버전과 패키지들이 도커와 비슷하게 이미지로 샌드박스에 설치된다. 이런 특징은 패키지 버전 관리를 용이하게 한다.  

사용 순서는 일반적으로 vscode와 같이 통합개발환경도구와 유사한 방식을 가진다. 회원가입하고, 프로젝트를 생성하고, 코딩하고, 테스트한 후 배포한다. 
프로젝트가 생성되면, 다음과 같이 코딩을 하거나, 샌드박스에 등록된 오픈소스를 가져다 수정해 개발할 수 있다.

샌드박스 내에서 모든 개발 주기를 제공하기 때문에, 별도의 서버 필요없이, 프로젝트를 배포하고 서비스를 제공할 수 있다. 그러므로, 복잡한 개발환경과 패키지 설치가 필요없이, 신속한 개발이 가능하다.

다음은 코드샌드박스의 대표적 기능이다.
  • codeSandBox에는 CLI 가 제공된다. 이를 통해, 작업 중인 프로젝트를 로컬 혹은 샌드박스로 업로드가 가능하다. 
  • GitHub와 통합되어 있다. 프로젝트 파일 교환이 가능하다.
  • 라이브세션을 통해, 실시간 협업이 지원된다. 
  • vscode와 통합된다. 
  • 코딩 시 트릭, 자동 생성을 지원한다.
  • 서버에서 개발하는 것과 동일하게 컨테이너 샌드박스를 지원한다.
  • 테스트와 배포를 지원한다.
다음 영상은 코드샌드박스를 이용한 간단한 ToDo list 앱 개발 방법을 보여준다.

코드샌드박스의 프론트엔드와 마이크로서비스는 오픈소스로 개발되고 있다. 기능을 개선하기 위해 약 100명 이상의 전세계 프로그래머가 기여하고 있다. 

마무리
코드샌드박스는 매우 인상적인 온라인 프로그램 개발 도구이다. 젊은 CEO의 비전과 재능은 많은 사람들이 이 프로젝트에 관심을 두게 했다. 코드샌드박스에서 매달 250만명 이상(2020년 기준)이 플랫폼 상의 1,000만개 이상 프로젝트에서 협업하고 있다. 샌드박스를 통해, 디자이너는 신속한 UI 피드백을 제공하고, 제품 관리자는 요구사항 스펙을 관리할 수 있으며, 마케팅 담당자는 세일즈에 바로 활용할 수 있다.

레퍼런스

댓글 없음:

댓글 쓰기