구차니의 잡동사니 모음

한번에 두개나 주는군. 그런데 먼가 안끌린다!?

액정은 뜯을수가 없어서 포기하고, 뒷면 전체를 보면

평범한(?) esp32-wroom-32 , 터치ic, sd 카드, rgb led, usb 시리얼 칩 그리고 ldo가 보인다.

esp32-wroom-32

xpt2046 터치 ic

rgb led

스피커 단자도 있는데 esp32의 dac 기능이 있었나?

AMS1117 LDO 2개

LTK8002D 오디오 앰프. 읭?

2채널 DAC가 있다고 하니 그걸 사용하면 될 것 같긴한데 일단 스피커와 앰프는 1채널만 해둔 듯?

[링크 : https://docs.espressif.com/projects/esp-idf/en/stable/esp32/api-reference/peripherals/dac.html]

[링크 : https://blog.naver.com/mapes_khkim/222284886951]

CH430C usb to serial

윈도우에서 보니 드라이버가 없는지 안 잡혀서

sparkfun에서 받아서 설치하니 잡힌다.

micro USB 나 USB-C 양쪽모두 시리얼 포트가 연결되어 있다.

[링크 : https://learn.sparkfun.com/tutorials/how-to-install-ch340-drivers/all#windows-710]

시리얼 포트를 115200bps로 연결하고 reset을 눌러보니 친숙한(?)

esp32 부트로더가 보이는 듯.

같이 준 케이스에 먼가 써있어서 구글 렌즈의 힘을 빌어보니

터치기능이 있는 7789라.. st7789 LCD 드라이버를 쓴걸려나?

맞다면.. 실험적으로는 65fps까지 나온다는 건데 오호.. 1.5만원에 사온거 치고는 좋은 액정이군(!)

[링크 : https://www.facebook.com/groups/797613180807626/posts/1048617505707191/]

내껀 v3 인 듯? (usb-c랑 micro usb가 있음)

[링크 : https://macsbug.wordpress.com/2022/08/17/esp32-2432s028/]

[링크 : https://www.reddit.com/r/esp32/comments/ws6n4u/unknown_schematic_for_esp322432s028_board_anyone/?tl=ko]

qt widget 에서 qml을 다루거나

qml 에서 c++로 기존 socket 등을 쓴다거나 하는걸 찾는 중

[링크 : https://doc.qt.io/qt-6/qtqml-cppintegration-interactqmlfromcpp.html]

[링크 : https://doc.qt.io/archives/qt-5.15/qtqml-cppintegration-topic.html]

  [링크 : https://forum.qt.io/topic/87143/udp-and-tcp-sockets-with-qml]

[링크 : https://wiki.qt.io/QWidget-in-QML/ja]

[링크 : https://qt-dev.com/board.php?board=qnaboard&page=3&category=1&command=body&no=810]

오랫만에 쓰려니 다 까먹어서 다시 조사

빌드

-g 옵션을 통해 디버깅 심볼을 넣어준다.

이거 안하면 소스코드가 안나옴

gdb 실행 (인자 없이)

gdb 실행 (인자 필요시)

[링크 : https://stackoverflow.com/questions/6121094/how-do-i-run-a-program-with-commandline-arguments-using-gdb-within-a-bash-script]

브레이크 포인트 설정 및 소스 보기

소스는 list (혹은 소문자 l) 과 라인수를 넣고

브레이크 포인트는 b로 추가한다. b 뒤에는 라인수 혹은 함수 명을 넣으면 된다.

브레이크 포인트 목록 확인은 info b를 통해 가능하다.

clear 를 통해 b 명령을 통해 추가하는 것과 정반대로 삭제가 가능하고

delete(소문자 d) 명령은 info b의 num 을 이용하여 삭제한다.

[링크 : https://dining-developer.tistory.com/13]

디버깅 시작, 디버깅 제어

run을 통해 시작하고 인자가 필요할땐 

(gdb) r 1 2 3 

처럼 인자를 공백으로 띄워서 넣어준다.

c는 break 포인트 까지 실행(continue)

print 를 이용하여 변수 값을 출력할수 있다.

r을 눌러 실행하나 main() 함수에서 한번 브레이크 걸리고

c를 눌러 진행하지만 10 라인에 브레이크가 걸려있어 한번 멈추고

c를 눌러 진행하지만 조건부 브레이크에 의해 idx가 200인 경우에 멈춘다.

next는 한줄 실행 (함수 진입 x)

step은 한줄 실행 (함수 진입)

finish는 함수 종료까지 실행(함수에서 벗어날때 까지)

[링크 : https://lacti.github.io/2008/04/01/gdb-simple-help/]

비슷한걸 만들어 보려고 하는데 영 안되는데 신기한 옵션을 찾아서 글 써봄

의도적으로 heap을 넘기는 코드를 작성하고 free() 시에 정말 segmentation fault 가 뜨나 해보는데

아쉽게도 free가 아니라 arr[idx] 에서 범위를 넘어서 에러가 발생함

fsanitize 라는 플래그를 주면 좀더 잡아 준다는데 컴파일 타임이 아니라 런타임에 작동한다.

해당 플래그를 추가하면 빌드된 용량이 증가한다.

[링크 :https://k0n9.tistory.com/entry/AddressSanitizer]

[링크 : https://stackoverflow.com/questions/58262749/how-to-use-gcc-with-fsanitize-address]

실행해서 터트리면 아래와 같이 먼가 나오는데, 엄청 컬러풀하게 터진다.

눈에 들어오는건 summay 항목의 heap-buffer-overflow

특이한게 배열 loop 돌다 터지는게 아니라 다 돌고 나서 free 가려다가 터진다. 신기하네

$ gcc t2.c -g -fsanitize=address $ ./a.out  ================================================================= ==2713847==ERROR: AddressSanitizer: heap-buffer-overflow on address 0x504000000038 at pc 0x609d568b42e0 bp 0x7ffdaa34e820 sp 0x7ffdaa34e810 WRITE of size 4 at 0x504000000038 thread T0     #0 0x609d568b42df in main /home/minimonk/work/src/malloc/t2.c:9     #1 0x7cc2e8429d8f in __libc_start_call_main ../sysdeps/nptl/libc_start_call_main.h:58     #2 0x7cc2e8429e3f in __libc_start_main_impl ../csu/libc-start.c:392     #3 0x609d568b41a4 in _start (/home/minimonk/work/src/malloc/a.out+0x11a4) 0x504000000038 is located 0 bytes to the right of 40-byte region [0x504000000010,0x504000000038) allocated by thread T0 here:     #0 0x7cc2e88b4887 in __interceptor_malloc ../../../../src/libsanitizer/asan/asan_malloc_linux.cpp:145     #1 0x609d568b4286 in main /home/minimonk/work/src/malloc/t2.c:7     #2 0x7cc2e8429d8f in __libc_start_call_main ../sysdeps/nptl/libc_start_call_main.h:58 SUMMARY: AddressSanitizer: heap-buffer-overflow /home/minimonk/work/src/malloc/t2.c:9 in main Shadow bytes around the buggy address:   0x0a087fff7fb0: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00   0x0a087fff7fc0: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00   0x0a087fff7fd0: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00   0x0a087fff7fe0: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00   0x0a087fff7ff0: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 =>0x0a087fff8000: fa fa 00 00 00 00 00[fa]fa fa fa fa fa fa fa fa   0x0a087fff8010: fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa   0x0a087fff8020: fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa   0x0a087fff8030: fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa   0x0a087fff8040: fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa   0x0a087fff8050: fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa fa Shadow byte legend (one shadow byte represents 8 application bytes):   Addressable:           00   Partially addressable: 01 02 03 04 05 06 07    Heap left redzone:       fa   Freed heap region:       fd   Stack left redzone:      f1   Stack mid redzone:       f2   Stack right redzone:     f3   Stack after return:      f5   Stack use after scope:   f8   Global redzone:          f9   Global init order:       f6   Poisoned by user:        f7   Container overflow:      fc   Array cookie:            ac   Intra object redzone:    bb   ASan internal:           fe   Left alloca redzone:     ca   Right alloca redzone:    cb   Shadow gap:              cc ==2713847==ABORTING

idx 값을 보면 10000번 돌았는데

printf 하려고 하면 바로 malloc(): corrupted top size 하면서 터진다.

그래서 printf / fflush 주석처리하고 free를 바로 브레이크 포인트 잡아서 해도 동일하게 

루프 종료되면서 바로 에러가 나는 것 같기도...

먼가 급박한척 난리를 피우더니 갑자기 한가해짐

머지? 왜 쪼임당한거야?

socket은 좀더 찾아 봐야 할 것 같은데

내부통신이 아닌 외부장치와의 통신은 qt quick / qml 에서 어떻게 구현되는지 궁금해짐

 다른 예제

[링크 : https://makersweb.net/qt/22792]

로더라는 말은 몇번 봤는데 예제는 이제 찾아봄.

구현 자체는 무지 쉬워보이는데 라이프 사이클이라던가 좀 봐야할 듯.

[링크 : https://doc.qt.io/qt-6/ko/qml-qtquick-loader.html]

[링크 : https://blog.naver.com/ekthatkxkd/221722032058]

[링크 : https://studiodoc.tistory.com/176]

dialog 띄우고 show, hide 하는것도 방법이지만

layout 에다가 widget을 추가하고 layout을 stack 해서 새 창을 띄울 것들을 새로운 stack에 넣어서 하는 것도 방법이고

아니면 위젯을 스택해서 쓰는것도 방법일 듯 한데

구조적으로는 stackedlayout에 widget을 넣어 운영하는게 좀 더 맞는 듯?

[링크 : https://wikidocs.net/185879]

qstackedwidget

[링크 : https://wikidocs.net/162838]

[링크 : https://doc.qt.io/qt-6/qwidget.html]

[링크 : https://doc.qt.io/qt-6/qstackedwidget.html]

[링크 : https://qt-dev.com/board.php?board=qnaboard&page=4&category=1&command=body&no=758]

[링크 : https://hobbylife.tistory.com/entry/PySide6-QStackedWidget-완전-정복-–-클릭-이벤트와-사용법]

qstackedlayout

[링크 : https://m.blog.naver.com/raffiner/222027119916]

[링크 : https://doc.qt.io/qt-6/qstackedlayout.html]

qt quick 으로 작성된 계산기 어플 소스 분석

실행하면 평범한 계산기가 뜬다.

가로로 길게 늘리면 공학계산기로 바뀐다.

프로젝트는 아래와 같이 구성되어 있고

main.cpp

언제나 그렇듯(?) main.cpp 는 조촐하고 별 내용이 없다.

// Copyright (C) 2020 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickStyle>

int main(int argc, char *argv[])
{
    QCoreApplication::setOrganizationName("QtProject");
    QCoreApplication::setApplicationName("Calqlatr");

    QGuiApplication app(argc, argv);

    QQuickStyle::setStyle("Basic");

    QQmlApplicationEngine engine;
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
            &app, []() { QCoreApplication::exit(-1); },
            Qt::QueuedConnection);
    engine.loadFromModule("demos.calqlatr", "Main");

    return app.exec();
}

Main.qml

전체 모양을 그리는 녀석인데, design 에서 보면 아래처럼 보인다.

다만 qt designer의 버그인지 ApplicationState 의 id: state 구문이 에러가 나는데

위지윅 에디터에서 보려면 해당 라인을 주석처리 하면 된다. (물론 실행하면 작동안하게 되는 버그 발생)

column, row Layout 으로 배치를 어떻게 하는것 같고

Keys.onPressed: function (event) {} 를 통해서 키 입력시 state에 추가하는 식으로 작동하게 된다.

ApplicationState.qml

말로는 qml  인데 design에서 보여지는 요소는 존재하지 않고

main.qml 에서 호출되는 operatorPressed() 나 digitPressed()와 같은 함수가 존재한다.

특이한건 import as 인데 js를 불러서 CalcEngine 으로 사용하는 부분 정도?

그 와중에 Display는 display.qml 에서 끌려오는건가?

calculator.js

평범한(?) js로 작성된 코드가 존재한다.

Display.qml

design 상에서는 별 내용이 없어 보이지만

코드에서는 라인별로 추가하는 등 제법 ui를 건드리는 작동을 많이 한다.

Numpad.qml

계산기의 버튼 부분인것 같은데 rectangle 안에 Rowlayout  안에 GridLayout이 있는데 그래서 그런가 이상하게 보여지는 느낌.

그나저나 제곱이나 sin tan 같은 과학계산기도 넣으려다가 흔적만 남은건가?

BackspaceButton.qml

numpad 에서 호출되는 버튼. 그 외에는 크게 눈에 띄진 않네

CalculatorButton.qml

numpad 에서 호출되는 버튼. 그 외에는 크게 눈에 띄진 않네 2