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

비밀번호

댓글 작성자
 




... 76  77  [78]  79  80  81  82  83  84  85  86  87  88  89  90  ...
NoWriterDateCnt.TitleFile(s)
11984정성태7/9/201925529개발 환경 구성: 451. Microsoft Edge (Chromium)을 대상으로 한 Selenium WebDriver 사용법 [1]
11983정성태7/8/201914889오류 유형: 556. nodemon - 'mocha' is not recognized as an internal or external command, operable program or batch file.
11982정성태7/8/201914975오류 유형: 555. Visual Studio 빌드 오류 - result: unexpected exception occured (-1002 - 0xfffffc16)
11981정성태7/7/201918064Math: 64. C# - 3층 구조의 신경망(분류)파일 다운로드1
11980정성태7/7/201928171개발 환경 구성: 450. Visual Studio Code의 Java 확장을 이용한 간단한 프로젝트 구축파일 다운로드1
11979정성태7/7/201918426개발 환경 구성: 449. TFS에서 gitlab/github등의 git 서버로 마이그레이션하는 방법
11978정성태7/6/201917688Windows: 161. 계정 정보가 동일하지 않은 PC 간의 인증을 수행하는 방법 [1]
11977정성태7/6/201922290오류 유형: 554. git push - error: RPC failed; HTTP 413 curl 22 The requested URL returned error: 413 Request Entity Too Large
11976정성태7/4/201916607오류 유형: 553. (잘못 인증 한 후) 원격 git repo 재인증 시 "remote: HTTP Basic: Access denied" 오류 발생
11975정성태7/4/201925423개발 환경 구성: 448. Visual Studio Code에서 콘솔 응용 프로그램 개발 시 "입력"받는 방법
11974정성태7/4/201921153Linux: 22. "Visual Studio Code + Remote Development"로 윈도우 환경에서 리눅스(CentOS 7) C/C++ 개발
11973정성태7/4/201919896Linux: 21. 리눅스에서 공유 라이브러리가 로드되지 않는다면?
11972정성태7/3/201923669.NET Framework: 847. JAVA와 .NET 간의 AES 암호화 연동 [1]파일 다운로드1
11971정성태7/3/201919968개발 환경 구성: 447. Visual Studio Code에서 OpenCvSharp 개발 환경 구성
11970정성태7/2/201918568오류 유형: 552. 웹 브라우저에서 파일 다운로드 후 "Running security scan"이 끝나지 않는 문제
11969정성태7/2/201919014Math: 63. C# - 3층 구조의 신경망파일 다운로드1
11968정성태7/1/201925724오류 유형: 551. Visual Studio Code에서 Remote-SSH 연결 시 "Opening Remote..." 단계에서 진행되지 않는 문제 [1]
11967정성태7/1/201919775개발 환경 구성: 446. Synology NAS를 Windows 10에서 iSCSI로 연결하는 방법
11966정성태6/30/201918714Math: 62. 활성화 함수에 따른 뉴런의 출력을 그리드 맵으로 시각화파일 다운로드1
11965정성태6/30/201919308.NET Framework: 846. C# - 2차원 배열을 1차원 배열로 나열하는 확장 메서드파일 다운로드1
11964정성태6/30/201920854Linux: 20. C# - Linux에서의 Named Pipe를 이용한 통신
11963정성태6/29/201920601Linux: 19. C# - .NET Core Unix Domain Socket 사용 예제
11962정성태6/27/201918285Math: 61. C# - 로지스틱 회귀를 이용한 선형분리 불가능 문제의 분류파일 다운로드1
11961정성태6/27/201917818Graphics: 37. C# - PLplot - 출력 모음(Family File Output)
11960정성태6/27/201918865Graphics: 36. C# - PLplot의 16색 이상을 표현하는 방법과 subpage를 이용한 그리드 맵 표현
11959정성태6/27/201920028Graphics: 35. matplotlib와 PLplot의 한글 처리
... 76  77  [78]  79  80  81  82  83  84  85  86  87  88  89  90  ...