본문 바로가기

ESP32

ESP32 3.5inch TFT-LCD 개발 환경 설정 - 문서로 제공할 것

반응형

ESP32 디스플레이를 사용한 개발 환경 설정

 

프로젝트 소개

 

Elecrow의 CrowPanel을 사용하여 ESP32 디스플레이를 설정하는 방법을 알려주는 튜토리얼입니다. Elecrow의 CrowPanel을 처음 사용하는 초보자에게 적합합니다.

 

이번 튜토리얼에서는 다음 내용을 다룹니다.

  • 코드 업로드 및 시리얼 포트 사용
  • 보드를 컴퓨터에 연결하기
  • 컴파일 정보 구성
  • ESP32 보드 패키지 설치
  • CrowPanel 개발 환경 설정하기

 

LVGL 설정 관련 유튜브 영상을 참고하기 

 

 

 

 

Elecrow CrowPanel - ESP32 디스플레이 제품 링크

코드 데모

 

1단계: 개발 환경 설정

 

이 프로젝트에는 Arduino IDE를 사용합니다. 다음 단계를 따라 Arduino IDE를 다운로드하고 설치하세요.

 

아두이노 IDE를 다운로드와 설치 과정입니다. 저의 다른 문서를 참고하세요.

 

아두이노 소프트웨어 페이지를 방문하세요 .

 

아두이노 IDE 2.3.2(최신 버전)와 1.8.19(기존 버전) 중에서 선택하세요. 설치 과정은 두 버전 모두 동일하며, 인터페이스만 다릅니다. 이번에는 최신 버전을 설치하는 방법을 설명하겠습니다.

 

아두이노 IDE 2.3.2

 

윈도우 버전을 선택하고 다음 설치 방법 중 하나를 선택하십시오.

 

i. EXE 프로그램: 사용자 지정 설치 경로를 허용합니다.

 

ii. MSI 프로그램: 기본 경로를 사용하여 자동으로 설치됩니다(초보자에게 권장).

 

iii. 압축 파일: 압축 해제 후 바로 사용할 수 있습니다.

 

아두이노 IDE를 설치하세요:

 

이 튜토리얼에서는 MSI 프로그램을 사용합니다. MSI 설치 프로그램 다운로드 링크를 클릭한 다음 "다운로드만"을 클릭하세요(Arduino를 지원하려면 "기여하고 다운로드"를 클릭하세요).

 

아두이노 IDE를 다운로드하세요

 

다운로드 후 MSI 설치 프로그램을 실행하세요. 그러면 아두이노 IDE가 자동으로 설치됩니다. 이 과정은 몇 분 정도 소요됩니다.

 

설치가 완료되면 아두이노 IDE 아이콘이 바탕화면에 나타납니다.

 

아두이노 IDE 데스크톱 아이콘

 

2단계: ESP32 보드 패키지 설치

 

아두이노 IDE를 설치했으니 이제 코드를 작성하고 업로드할 수 있는 에디터가 생겼습니다. 이제 ESP32 보드 패키지를 설치해야 아두이노 IDE에서 ESP32용 개발이 가능해집니다. 다음 단계를 따라 필요한 보드 패키지를 설치하세요.

 

아두이노 IDE를 엽니다.

 

파일 > 환경설정으로 이동하세요.

 

아두이노 IDE 선호도

 

"추가 보드 관리자 URL" 필드에서 오른쪽에 있는 버튼을 클릭하고 다음 URL(Espressif Systems 제공)을 붙여넣으세요. https://espressif.github.io/arduino-esp32/package_esp32_index.json

 

추가 이사회 관리자

 

추가 보드 관리자 URL

 

"확인"을 클릭하여 설정을 저장하세요. 아두이노 IDE가 JSON 파일을 다운로드하기 시작하며, 오른쪽 하단에 진행률 표시줄이 나타납니다. 다운로드가 완료되면 진행률 표시줄이 자동으로 사라집니다.

 

ESP32 보드 패키지를 설치하세요:

 

도구 > 보드 > 보드 관리자로 이동하세요.

 

이사회 관리자

 

"ESP32"를 검색하고 Espressif Systems에서 제공하는 패키지를 찾으십시오.

 

버전 2.0.15를 선택하고 "설치"를 클릭하세요. (다른 버전을 선택하셔도 됩니다. 하지만 이상한 버그 발생을 줄이려면 제가 사용하는 버전 2.0.15를 사용하시는 것을 권장합니다.)

 

esp32 보드 관리자

 

3단계: 컴파일 정보 구성

 

코드를 업로드하기 전에 프로그램이 올바르게 실행되도록 컴파일 정보를 구성해야 합니다.

 

강의 파일을 열고 첫 번째 강의 에 제공된 코드를 찾으세요.

 

올바른 보드를 선택하세요:

 

[도구] > [보드]로 이동하여 설치된 ESP32 패키지에서 해당 칩을 선택하십시오(해당 표는 CrowPanel 페이지 에서 찾을 수 있습니다 ) .

 

2.4인치 및 2.8인치 디스플레이: ESP32-WROOM-DA 모듈을 선택하십시오.

 

3.5인치 디스플레이: ESP32-WROVER 모듈을 선택하세요.

 

4.3인치, 5인치 및 7인치 디스플레이: ESP32S3 개발 모듈을 선택하십시오.

 

아두이노 IDE ESP32 보드

 

대형 디스플레이용 추가 구성:

 

4.3인치 디스플레이 의 경우 : PSRAM을 QSPI PSRAM 으로 설정하십시오 .

 

5인치 및 7인치 디스플레이 의 경우 : PSRAM을 OPI PSRAM 으로 설정하십시오 .

 

아두이노 IDE 설정

 

파티션 구성표 로 이동하여 '대용량 앱'을 선택하세요 . 이렇게 하면 코드를 저장할 수 있는 메모리 공간이 더 커지지만, 일반적으로 LVGL 라이브러리를 사용하지 않는 경우에는 기본 옵션을 유지하는 것만으로도 대부분의 코드를 저장하기에 충분합니다.

 

4단계: 보드를 컴퓨터에 연결하기

 

보드를 연결하세요:

 

USB Type-C 케이블을 사용하여 보드를 컴퓨터에 연결하십시오.

 

도구 > 포트에서 올바른 COM 포트를 확인하십시오. 보드를 연결하기 전에 COM 1 포트가 이미 존재했다면, 이는 보드의 번호가 아닙니다. 올바른 COM 포트를 선택하십시오 . 제 시스템에서는 COM 6을 사용 하지만, 시스템에 따라 COM 3, COM 8 등이 될 수도 있습니다.

 

ESP32 디스플레이 연결

 

보드를 연결한 후 컴퓨터에서 연결된 시리얼 포트를 인식하지 못하는 경우, CH340 드라이버가 설치되지 않았기 때문일 수 있습니다 . 먼저 드라이버를 설치해야 합니다. 드라이버 설치 도구는 Tool/CH340 폴더 에 있습니다 .

 

5단계: 코드 업로드 및 시리얼 포트 사용

 

코드를 작성하고 업로드하세요:

 

아두이노 IDE에서 코드 파일을 엽니다 . 이 코드에는 시리얼 포트를 초기화하는 setup 함수와 연속 실행을 위한 loop 함수가 포함되어 있습니다.

 

Serial.begin 함수에서 전송 속도를 9600으로 설정하십시오.

 

아두이노 IDE 기능

 

코드를 컴파일하고 업로드하세요:

 

아두이노 IDE의 왼쪽 상단에 있는 업로드 버튼을 클릭하세요.

 

아두이노 IDE 기능

 

모니터 직렬 출력:

 

업로드가 완료되면 오른쪽 상단의 돋보기 아이콘을 클릭하여 시리얼 모니터를 여세요.

 

아두이노 IDE 유리 아이콘

 

텍스트 깨짐을 방지하려면 시리얼 모니터의 전송 속도가 코드의 전송 속도와 일치하는지 확인하십시오.

 

아두이노 IDE 보드 속도

 

이것으로 CrowPanel을 이용한 개발 환경 설정 강좌를 마치겠습니다. 이 강좌가 도움이 되셨다면 Elecrow에서 제공하는 더 많은 튜토리얼을 기대해 주세요. Elecrow의 YouTube 채널 에서도 더 많은 동영상 튜토리얼을 찾아보실 수 있습니다 . 다음 시간에 또 만나요!

 

CrowPanel 개발 환경 설정하기

 

ESP32 보드 패키지 설치

 

컴파일 정보 구성

 

보드를 컴퓨터에 연결하기

 

코드 업로드 및 시리얼 포트 사용

 

아두이노 소프트웨어 페이지를 방문하세요 .

 

아두이노 IDE 2.3.2(최신 버전)와 1.8.19(기존 버전) 중에서 선택하세요. 설치 과정은 두 버전 모두 동일하며, 인터페이스만 다릅니다. 이번에는 최신 버전을 설치하는 방법을 설명하겠습니다.

 

윈도우 버전을 선택하고 다음 설치 방법 중 하나를 선택하십시오.

 

이 튜토리얼에서는 MSI 프로그램을 사용합니다. MSI 설치 프로그램 다운로드 링크를 클릭한 다음 "다운로드만"을 클릭하세요(Arduino를 지원하려면 "기여하고 다운로드"를 클릭하세요).

 

다운로드 후 MSI 설치 프로그램을 실행하세요. 그러면 아두이노 IDE가 자동으로 설치됩니다. 이 과정은 몇 분 정도 소요됩니다.

 

설치가 완료되면 아두이노 IDE 아이콘이 바탕화면에 나타납니다.

 

아두이노 IDE를 엽니다.

 

파일 > 환경설정으로 이동하세요.

 

"추가 보드 관리자 URL" 필드에서 오른쪽에 있는 버튼을 클릭하고 다음 URL(Espressif Systems 제공)을 붙여넣으세요.

 

설정을 저장하려면 "확인"을 클릭하세요. 아두이노 IDE가 JSON 파일을 다운로드하기 시작하며, 오른쪽 하단에 진행률 표시줄이 나타납니다. 다운로드가 완료되면 진행률 표시줄이 자동으로 사라집니다.

 

도구 > 보드 > 보드 관리자로 이동하세요.

 

"ESP32"를 검색하고 Espressif Systems에서 제공하는 패키지를 찾으십시오.

 

버전 2.0.15를 선택하고 "설치"를 클릭하세요. (다른 버전을 선택하셔도 됩니다. 하지만 이상한 버그 발생을 줄이려면 제가 사용하는 버전 2.0.15를 사용하시는 것을 권장합니다.)

 

2.4인치 및 2.8인치 디스플레이: ESP32-WROOM-DA 모듈을 선택하십시오.

 

3.5인치 디스플레이: ESP32-WROVER 모듈을 선택하세요.

 

4.3인치, 5인치 및 7인치 디스플레이: ESP32S3 개발 모듈을 선택하십시오.

 

4.3인치 디스플레이 의 경우 : PSRAM을 QSPI PSRAM 으로 설정하십시오 .

 

5인치 및 7인치 디스플레이 의 경우 : PSRAM을 OPI PSRAM 으로 설정하십시오 .

 

파티션 구성표 로 이동하여 대용량 앱을 선택하세요 . 이렇게 하면 코드를 저장할 수 있는 더 큰 메모리 공간이 제공되지만, 일반적으로 LVGL 라이브러리를 사용하지 않는 경우에는 기본 옵션을 유지하는 것만으로도 대부분의 코드를 저장하기에 충분합니다.

 

USB Type-C 케이블을 사용하여 보드를 컴퓨터에 연결하십시오.

 

도구 > 포트에서 올바른 COM 포트를 확인하십시오. 보드를 연결하기 전에 COM 1 포트가 이미 존재했다면, 이는 보드의 번호가 아닙니다. 올바른 COM 포트를 선택하십시오 . 제 시스템에서는 COM 6을 사용 하지만, 시스템에 따라 COM 3, COM 8 등이 될 수도 있습니다.

 

보드를 연결한 후 컴퓨터에서 연결된 시리얼 포트를 인식하지 못하는 경우, CH340 드라이버가 설치되지 않았기 때문일 수 있습니다 . 먼저 드라이버를 설치해야 합니다. 드라이버 설치 도구는 Tool/CH340 폴더 에 있습니다 .

 

아두이노 IDE에서 코드 파일을 엽니다 . 이 코드에는 시리얼 포트를 초기화하는 setup 함수와 연속 실행을 위한 loop 함수가 포함되어 있습니다.

 

Serial.begin 함수에서 전송 속도를 9600으로 설정하십시오.

 

아두이노 IDE의 왼쪽 상단에 있는 업로드 버튼을 클릭하세요.

 

업로드가 완료되면 오른쪽 상단의 돋보기 아이콘을 클릭하여 시리얼 모니터를 여세요.

 

텍스트 깨짐을 방지하려면 시리얼 모니터의 전송 속도가 코드의 전송 속도와 일치하는지 확인하십시오.

 

 

내용은 디스플레이 개발 환경 정리할 것

 

튜토리얼의 원문 참고 

 

반응형

캐어랩 고객 지원

취업, 창업의 막막함, 외주 관리, 제품 부재!

당신의 고민은 무엇입니까? 현실과 동떨어진 교육, 실패만 반복하는 외주 계약, 아이디어는 있지만 구현할 기술이 없는 막막함.

우리는 알고 있습니다. 문제의 원인은 '명확한 학습, 실전 경험과 신뢰할 수 있는 기술력의 부재'에서 시작됩니다.

이제 고민을 멈추고, 캐어랩을 만나세요!

코딩(펌웨어), 전자부품과 디지털 회로설계, PCB 설계 제작, 고객(시장/수출) 발굴과 마케팅 전략으로 당신을 지원합니다.

제품 설계의 고수는 성공이 만든 게 아니라 실패가 만듭니다. 아이디어를 양산 가능한 제품으로!

귀사의 제품을 만드세요. 교육과 개발 실적으로 신뢰할 수 있는 파트너를 확보하세요.

지난 30년 여정, 캐어랩이 얻은 모든 것을 함께 나누고 싶습니다.

카카오 채널 추가하기

카톡 채팅방에서 무엇이든 물어보세요

당신의 성공을 위해 캐어랩과 함께 하세요.

캐어랩 온라인 채널 바로가기

캐어랩