BIM 칼럼니스트 강태욱의 이슈 & 토크 
 

이번 호에서는 온라인 코딩 통합 개발 환경인 코드샌드박스(codesandbox.io)를 소개한다. 코드샌드박스는 2017년 전직 페이스북 개발자인 Ives van Hoorne와 산업 디자이너 Bas Buursma에 의해 네덜란드에서 설립된 회사이다. 협업을 통해 누구나 아이디어를 쉽게 공유하고 배포하는 것이 미션이다. 참고로 이와 유사한 도구로 Replit(2016)이 있다.

■ 강태욱 | 건설환경 공학을 전공하였고 소프트웨어 공학을 융합하여 세상이 돌아가는 원리를 분석하거나 성찰하기를 좋아한다. 건설과 소프트웨어 공학의 조화로운 융합을 추구하고 있다. 팟캐스트 방송을 통해 Engineering digest와 관련된 작은 메시지를 만들어 나가고 있다. 현재 한국건설기술연구원에서 BIM/GIS/FM/BEMS/역설계 등과 관련해 연구를 하고 있으며, 연구위원으로 근무하고 있다.
이메일 | laputa99999@gmail.com
페이스북 | http://www.facebook.com/laputa999
홈페이지 | https://sites.google.com/site/bimprinciple 
팟캐스트 | http://www.facebook.com/groups/digestpodcast

그림 1. Amsterdam-based CodeSandbox secures €10.8 million to enable whole teams to code, not just developers

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

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

그림 2. 코드샌드박스 지원 개발 프로젝트 종류

사용 순서는 일반적으로 vscode와 같이 통합개발 환경도구와 유사한 방식을 가진다. 우선, 다음 웹사이트에 회원으로 가입한다.

■ 코드샌드박스 사이트 : https://codesandbox.io/
 

로그인 후 홈페이지로 이동한다. 프로젝트 시작 템플릿에서 본인이 원하는 유형을 선택한다. 유형을 선택하면, 프로젝트가 생성된다. 생성된 프로젝트 폴더에는 소스파일, package.json 설치 파일 등이 이미 생성되어 있다. 
Package.json 파일에는 이 프로젝트 빌드에 필요한 라이브러리 의존성이 정의되어 있다. 코드 샌드박스는 제공되는 패널에서 쉽게 라이브러리, 버전 등을 선택할 수 있다.