[아두이노] Web Editor 사용하기

아두이노 코딩을 하려면 Arduino IDE (integrated development environment, 통합개발환경)을 설치해야 합니다. 간편하게 설치할 수 있으며 윈도우, 맥OS 등 대부분의 운영체제에서 실행이 됩니다. 이 IDE를 통해 코드를 만들고 프로그램을 아두이노 보드에 업로드 할 수 있습니다.

하지만, 웹에디터를 이용하면 이 IDE 조차 설치하지 않고 프로그램을 아두이노에 업로드할 수 있습니다. 웹에디터를 이용하면 작성한 프로그램이 웹에 저장돼 있어 다른 컴퓨터에서도 그대로 사용 할 수 있습니다. 모바일로도 접속이 됩니다. (모바일에서는 아직 컴파일과 업로드는 안되며, 코드 작성/수정은 가능합니다.)

아두이노 웹 에디터 사용하기

우선 Arduino Plugin을 다운받아야 합니다. 이 Plugin이 설치돼야지 웹 에디터가 컴퓨터와 연결된 아두이노를 인지할 수 있고 프로그램 업로드도 할 수 있습니다.

<그림 1> Arduino Plugin 연결

아두이노 플러그인 설치

아래 사이트에서 설치할 수 있습니다.

Arduino Create 사이트가기

 

Arduino Create 사이트에서 'Getting Started'에 들어갑니다.

Arduino Plugin 설치를 클릭합니다. 그 이후 나오는 설명에 따라서 설치를 하면 됩니다.

웹 에디터 접속

이제 웹 에디터에 접속하겠습니다. 다시 Arduino Create 사이트로 들어갑니다.

Arduino Create 사이트가기

화면에서 Arduino Web Editor를 클릭해 줍니다.

회원가입을 하고 Login 해줍니다. Google 아이디를 이용하면 별도 회원가입 없이 Login 할 수 있습니다.

웹 에디터 둘러보기

웹 에디터 기능들을 간단하게 설명 드리겠습니다.

(1) 프로그램 새파일을 만들거나 저장된 파일을 불러올 수 있습니다. 폴더를 만들어서 작업해도 됩니다.

(2) Editor 입니다. 여기서 코드를 작성합니다.

(3) 더블 클릭하면 파일이름을 쉽게 바꿀 수 있습니다.

(4) 보조 파일들을 추가할 수 있습니다. 예를 들어 Fritzing에서 작성한 회로도나 사진을 업로드할 수 있습니다.

(5) 컴파일 버튼 입니다. 모바일에서는 안 됩니다.

(6) 아두이노에 프로그램을 업로드 시킵니다.

(7) 컴퓨터에 연결된 아두이노 보드를 보여줍니다. 연결되지 않으면 (X) 표시가 됩니다.

(8) 에디터의 메뉴입니다. 코드를 작성할 때는 Sketchbook에서 작성합니다. 예제와 라이브러리, 시리얼 모니터 등이 있습니다. 예제에는 회로도까지 같이 올라와 있어 보기 편합니다.

요즘 집 학교 회사 등 여러 장소에서 작업해야 하는 경우가 많습니다. 그럴 경우 컴퓨터에 저장파일이 있으면 작업이 힘듭니다. 또 컴퓨터 마다 IDE를 설치하기도 귀찮습니다. 다른 사람과 작업할 경우에 각자 자신의 파일을 만드는 것보다 내용을 공유하며 작업하는 것도 좋습니다. 이런경우 간편한 아두이노 웹에디터가 좋은 선택이 될 것 같습니다.