이제 필자가 사용할 개발환경을 구성한다. 여러 블로그와 유튜브를 봤는데, 너무 오래되었다. 해당 자료를 기반으로 개발환경을 따라하다가 몇번이나 컴파일러등이 꼬여서 실패하고, 오류 찾는라 검색했는데... 결과는 Visual Studio Code에서는 플러그인을 통해서 아주 손쉽게 개발환경을 설치할 수 있다는것을 확인하였다. 아.. 아깝다.. 내청춘..

     

    --- contents ---

    1. [ESP32] VS Code 개발환경 구성 : 현재 글 

    2. [ESP32] 첫 프로젝트 생성하기 : https://makeutil.tistory.com/304

    3. [ESP32] 멀티 테스크 예제 (2 Task) : https://makeutil.tistory.com/305

    4. [ESP32] Task간 데이터 공유 (Queue, Mutex) : https://makeutil.tistory.com/306

    5. [ESP32] 개발보드 별 형상 및 I/O (ESP32/ESP32-S3) : https://makeutil.tistory.com/307

     

    A1. [ESP32] Arduino IDE 개발환경 구성 :  https://makeutil.tistory.com/302

    A2. [ESP32] 오류 - Fatal Error : No such file or directory : https://makeutil.tistory.com/308

    ------------------

     

    1. Visual Studio code를 이용한 개발환경 구축

      EspressifESP32Visual Studio Code(이하, VSC)를 이용하여 개발환경을 구축할 수 있으며, ESP-IDF 개발환경 구축 자체로는 가장 단순하다.

     

    1.1. VSC 다운로드

      아래의 링크 또는 검색을 통해서 VSC를 다운로드 할 수 있다.

      https://code.visualstudio.com/sha/download?build=stable&os=win32-x64-user

     

    1.2. VSC 설치

      VSC가 다운로드가 완료되면, 더블클릭 후 설치를 진행한다.

    설치 동의 및 설치 디렉터리 확인

     

    시작메뉴 이름 및 추가 작업 선택

     

     

    설치 및 설치완료

     

     

    1.3. VSC 실행

      설치가 완료되면 VSC를 실행한다. VSC의 기본 테마는 Dark Modern이지만, 매뉴얼을 위해서 Light Modern으로 설명하고 있음에 유의

     

     

    2. ESP-IDF

    2.1. VSC Extension 설치

      Visual Studio에서 ExtensionESP-IDF를 검색하고 설치버튼을 눌러 설치

     

    설치 도중 신뢰성 관련 팝업이 출력되면 Trust Publisher & install 버튼을 클릭한다.

     

     

    2.2. ESP-IDF Configuration

    Extension 기능 확인

      설치가 완료되면 설정을 진행하여야 한다. 인트로 화면을 닫고 F1키를 눌러 검색라인에서 “ESP-IDF: Configure ESP-IDF Extension”을 선택한다.

     

     

    Advanced  설정

      ESP-IDF:Configure ESP-IDF Extension 탭이 출력되면 Advanced를 선택한다

     

    ③ 세부설정

         ESP-IDF 버전과 설치장소를 설치버전은 가능하면 최신버전을 지정하고, 설치위치는 사용이 편리한 적당한 위치를 설정한다.

     

    설치진행

      네트워크나 시스템 사양에 따라 설치하는데 시간이 다소 소요될 수 있다. 설치 진행화면은 전체 화면을 출력하도록 하면 진행 상황을 확인할 수 있다.

     

    관련 툴 다운로드

      관련툴이 설치되지 않은 경우 OUTPUT에 오류가 출력된다

     

    화면 위의 Download Tools를 눌러 필요한 툴을 설치한다

     

    설치가 완료되면 다음과 같이 완료 메시지가 출력된다.

     

     

    3. ESP32 프로젝트 생성 

    3.1. 테스트 프로젝트 생성

    새 프로젝트 생성

      F1을 눌러서 “ESP-IDF: New Project”를 선택한다.

     

    ② 사용할 ESP-IDF 버전 선택

      새 프로젝트가 열리게 되면 화면 중앙 상단에 사용할 ESP-IDF 버전을 선택하는 항목이 표시된다. 설치된 ESP-IDF 항목을 선택.

     

    ③ 프로젝트 이름과 세부 사항을 선택

      프로젝트 이름, 저장위치, 사용하는 보드를 선택한다. 이미 장치가 연결되어있다면 아래와 같이 컴포트를 지정할 수 있다. 만약, 기존 템플릿(예제)를 이용하고자 한다면 Choose Templete를 클릭한다

     

     

    ④ 템플릿 호출

      ESP-IDF를 선택하면 기본 예제들이 출력된다. 해당 예제들 중에서 blink를 선택한다

     

    ⑤ 템플릿 적용하여 프로젝트 생성

      Blink 템플릿이 선택된 이후 화면 상단의 “Create project using template blink”를 클릭한다.

     

    새로운 창에서 진행하려면 화면 하단의 항목에서 Yes를 선택하면 된다.

     

     소스 디렉터리의 신뢰여부이다. 당연히 yes항목을 선택한다.

     

    프로젝트가 생성되면 아래와 같이 기본 샘플을 확인할 수 있다.

     

     

    프로젝트 설정 변경

      프로젝트가 생성되면 프로젝트에 대한 세부설정을 변경해야 될 수 있다. 화면 하단의 톱니바퀴 아이콘[(SDK Configuration Editor (menuconfig)]을 클릭한다.

     

    설정변경

    설정중 변경할 내용이 있다면 항목에서 수정한다. 초기에는 특별한 변경 사항은 없으며, 아래으 그림에는 ESP32의 동작 속도를 240Mhz로 변경하였다. 변경된 이후에 Save 버튼을 눌러 저장

     

     

    3.3. 빌드

     컴파일은 화면 아래의 스패너 아이콘(Build Project)을 클릭한다

     

    빌드가 진행되면 아래와 같이 빌드 진행과정을 터미널에서 확인할 수 있다.

     

    정상적으로 빌드되면 아래와 같은 써머리 메시지를 보게 된다.

     

    4. 플래시 및 동작확인

    4.1. 펌웨어 업로드

    ① 펌웨어 플래시

      빌드가 완료되면, 보드에 펌웨어를 업로드 한다.

     

    플래시 인터페이스 결정

     어떤 방식으로 플래시 할것인지 선택한다. 현재 UART가 연결되어있으니 UART를 클릭하면 된다.

     

    정상적으로 완료되면 다음과 같이 화면에 표시된다.

     

     

    4.2. 동작확인

     디바이스 모니터 아이콘을 클릭하면 터미널에서 장치가 동작하는 것을 확인할 수 있다.

     

      만약, 한번에 작업을 처리하고자 한다면 아래의 불아이콘(Build, Flash and Monitor)를 클릭하면 빌드부터 모니터까지 한번에 동작된다. 

     

    개발환경 구성에 대해서 간단하게 알아보았다. 이제 코딩을 시작해 보도록 하자. 

    반응형
    • 네이버 블러그 공유하기
    • 네이버 밴드에 공유하기
    • 페이스북 공유하기
    • 카카오스토리 공유하기