Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 5개 있습니다.)

Visual Studio Code를 이용한 아두이노 프로그램 개발

개인적으로 Arduino IDE를 별로 좋아하지 않습니다. 왜냐하면, (제가 가지고 있는 2대의 PC에서 모두) 공식 Arduino IDE를 실행하면 다음과 같이 기본 CPU가 30%를 점유해 버립니다.

debug_arduino_code_0.png

4개의 논리 CPU 머신에서 저 정도면 IDE가 CPU 100% 현상을 겪고 있는 것이나 다름없습니다. (8개의 논리 CPU 머신에서는 20% 가까이를 항상 점유하고 있습니다.)

게다가 인텔리센스 없는 에디트 환경도 너무 원시적이고! ^^




그래서 제 경우에 Visual Studio Code를 사용합니다. (맛 들이고 나면 절대 Arduino IDE로 못 돌아갑니다. ^^)

Visual Studio Code extension for Arduino
; https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.vscode-arduino

Visual Studio Code extension for Arduino is now open source
by Microsoft + Open Source
; https://open.microsoft.com/2017/07/07/visual-studio-code-extension-arduino-open-source/

한번 세팅해 볼까요? ^^

우선, 확장 아이콘(Ctrl + Shift + X)을 눌러 "Visual Studio Code extension for Arduino"를 설치합니다. 이후부터는 "Arudino"로 시작하는 확장 명령어를 사용할 수 있는데요, "View" / "Command Palette(F1 또는 Ctrl + Shift + P)" 메뉴를 통해 다음고 같이 "Arduino:"로 시작하는 명령어를 확인할 수 있습니다.

arduino_with_code_1.png

"Command Palette"에서 "> arduino: examples" 기능을 선택하면, 다음과 같이 아두이노 예제 폴더 창이 뜹니다.

arduino_with_code_2.png

간단한 시작으로 "01. Basics"의 "Blink"를 선택합니다. 그럼, 기존 샘플 코드가 다음의 경로 하위에 복사되어,

%USERPROFILE%\Documents\Arduino\generated_examples

"%USERPROFILE%\Documents\Arduino\generated_examples\Blink" 폴더가 생성되면서 VS Code의 프로젝트 경로로써 동작하게 됩니다.

.
│   Blink.ino
│   Blink.txt
│
└───.vscode
        arduino.json
        c_cpp_properties.json

당연하겠지만, 이제 Visual Studio Code 내에서 아두이노 코드를 작성하면 인텔리센스 기능이 동작합니다.

arduino_with_code_3.png

이제 빌드를 해야겠지요. 이를 위해 먼저 Board Type을 선택해야 하는데 "Command Palette"에서 "> Arduino: Board Config"을 선택해 뜨는 "Arduino Board Configuration" 창의 "Selected Board:" 목록 상자를 통해 고르면 됩니다. (만약 자신의 보드가 없다면 "Arduino: Board Manager"를 이용해 새로운 보드를 추가합니다.)

보드 선택 후 남은 작업은 이제 아두이노가 연결된 직렬 포트를 선택하는 것입니다. "Command Palette"에서 "> Arduino: Select Serial Port"를 선택하면 다음과 같이 포트 목록이 나오고,

arduino_with_code_4.png

제 경우에는 "COM3"이므로 그것을 선택했습니다. 여기까지 진행했으면 선택된 사항들이 ./.vscode/arduino.json 파일에 다음과 같이 기록되어 있습니다.

{
    "sketch": "Blink.ino",
    "port": "COM3",
    "board": "arduino:avr:leonardo"
}

달리 말하면, "Arduino: Board Config", "Arduino: Select Serial Port" 명령어들을 실행할 필요 없이 값을 알고 있다면 그냥 arduino.json 파일을 직접 편집해도 무방합니다. 자, 이제 "> Arduino: Verify(Ctrl + Alt + R)"를 실행하면 빌드가 되고, "> Arduino: Upload(Ctrl + Alt + U)"를 선택하면 보드에 Blink 프로그램이 업로드됩니다.




디버깅까지 마저 해보려고,

Debug your Arduino code with Visual Studio Code
; https://blogs.msdn.microsoft.com/iotdev/2017/05/27/debug-your-arduino-code-with-visual-studio-code/

위의 글에 따라 Debug (Ctrl + Shift + D) 아이콘을 선택해 "Add Configuration..." 항목을 선택하면 다음과 같이 환경 선택 목록이 나옵니다.

arduino_with_code_5.png

당연히 "Arduino"를 선택하고 F5 키를 눌러 시작했는데 다음과 같은 오류 메시지가 뜹니다.

Cannot find the OpenOCD from the launch.json debugServerPath property. Please input the right path of OpenOCD

실제로 ./.vscode/launch.json 파일을 보면,

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Arduino",
            "type": "arduino",
            "request": "launch",
            "program": "${file}",
            "cwd": "${workspaceFolder}",
            "MIMode": "gdb",
            "targetArchitecture": "arm",
            "miDebuggerPath": "",
            "debugServerPath": "",
            "debugServerArgs": "",
            ...[생략]...
            "stopAtEntry": true,
            "serverStarted": "Info\\ :\\ [\\w\\d\\.]*:\\ hardware",
            "launchCompleteCommand": "exec-continue",
            "filterStderr": true,
            "args": []
        }
    ]
}

debugServerPath 값이 비어 있습니다. https://github.com/Microsoft/vscode-arduino의 문서에 보면 다음과 같은 내용이 나옵니다.

Make sure your Arduino board can work with STLink, Jlink or EDBG. The debugging support currently is fully tested with the following boards.

* MXChip IoT Developer Kit - AZ3166
* Arduino M0 PRO
* Adafruit WICED WiFi Feather
* Adafruit Feather M0
* Arduino Zero Pro


아마도 제가 구매한 아두이노 레오나르도 호환 보드는 저기에 속하지 않는 것 같고, 일단은 디버깅은 건너뛰어야겠습니다. (혹시 이에 관해 아시는 분은 덧글 부탁드립니다. ^^)




Visual Studio Code를 이용한 아두이노 프로그램 개발
; https://www.sysnet.pe.kr/2/0/11753

Visual Studio Code를 이용한 아두이노 프로그램 개발 - 새 프로젝트
; https://www.sysnet.pe.kr/2/0/11754

Visual Studio Code의 아두이노 프로그램 개발 시 인텔리센스가 안 된다면?
; https://www.sysnet.pe.kr/2/0/11756

Visual Studio Code extension for Arduino - #include errors detected.
; https://www.sysnet.pe.kr/2/0/11755




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 10/19/2018]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 91  [92]  93  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11635정성태8/1/201818706오류 유형: 472. C# 컴파일 오류 - Your project is not referencing the ".NETFramework,Version=v3.5" framework.
11634정성태8/1/201821671.NET Framework: 790. .NET Thread 상태가 Cooperative일 때 GC hang 현상 재현 방법파일 다운로드1
11633정성태7/29/201825619Graphics: 15. Unity - shader의 World matrix(unity_ObjectToWorld)를 수작업으로 구성 [2]파일 다운로드1
11632정성태7/28/201827930Graphics: 14. C# - Unity에서 캐릭터가 바라보는 방향을 기준으로 카메라의 위치 이동 및 회전하는 방법
11631정성태7/27/201829894Graphics: 13. Unity로 실습하는 Shader (9) - 투명 배경이 있는 텍스처 입히기 [1]
11630정성태7/27/201825026개발 환경 구성: 391. (GitHub 등과 직접 연동해) 소스 코드 디버깅을 쉽게 해 주는 SourceLink [3]
11629정성태7/26/201823813.NET Framework: 789. C# 컴파일 옵션 - Check for arithmetic overflow/underflow [2]
11628정성태7/25/201825652Graphics: 12. Unity로 실습하는 Shader (8) - 다중 패스(Multi-Pass Shader)
11627정성태7/25/201820059개발 환경 구성: 390. C# - 컴파일러 옵션 OSS signing / Public Signing
11626정성태7/25/201818413오류 유형: 471. .C++ 함수를 const로 바꾼 경우 C2440 컴파일 오류가 발생한다면?
11625정성태7/24/201817640Math: 49. GeoGebra 기하 (25) - 타원의 중심점 찾기파일 다운로드1
11624정성태7/24/201822076개발 환경 구성: 389. C# - 재현 가능한 빌드(reproducible builds) == Deterministic builds [4]
11623정성태7/24/201821463Math: 48. C# - 가우시안 함수의 이산형(discrete) 커널 값 생성파일 다운로드1
11622정성태7/23/201821621개발 환경 구성: 388. Windows 환경에서 Octave 패키지 설치하는 방법
11621정성태7/23/201819230VC++: 127. 멤버 함수에 대한 포인터를 외부에서 호출하는 방법파일 다운로드1
11620정성태7/22/201822490Graphics: 11. Unity로 실습하는 Shader (7) - Blur (평균값, 가우스, 중간값) 필터 [1]파일 다운로드1
11619정성태7/21/201821529Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
11618정성태7/20/201818613개발 환경 구성: 387. 삼성 오디세이(Odyssey) 노트북의 운영체제를 새로 설치하는 방법
11617정성태7/20/201819395Team Foundation Server: 50. TFS 소스 코드 관리 기능 (5) - "Rollback", "Rollback Entire Changeset"
11616정성태7/17/201818754Graphics: 9. Unity Shader - 전역 변수의 초기화
11615정성태7/17/201823095.NET Framework: 788. RawInput을 이용한 키보드/마우스 입력 모니터링파일 다운로드1
11614정성태7/17/201825324Graphics: 8. Unity Shader - Texture의 UV 좌표에 대응하는 Pixel 좌표
11613정성태7/16/201821625Graphics: 7. Unity로 실습하는 Shader (5) - Flat Shading
11612정성태7/16/201820596Windows: 148. Windows - Raw Input의 Top level collection 의미
11611정성태7/15/201820828Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201817377Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
... 91  [92]  93  94  95  96  97  98  99  100  101  102  103  104  105  ...