구차니의 잡동사니 모음

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

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

[링크 : 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

협동로봇에 많이 사용된다는 고단 변속 드라이브.. 라고 해야하나?

왼쪽이 하모닉 드라이브, 오른쪽으 사이클로이드 드라이브

 하모닉 드라이브는 총 3개의 부품으로 끝나고(크게) 사이클로이드는 부품이 좀 많이 들어간다.

높은 토크가 필요한게 아니라면 하모닉 드라이브도 괜찮아 보이지만 중간의 유연성을 지는 부품이 핵심일 것 같은데

아무래도 변형되는 녀석이 있다 보니 내구도가 좋지 않을것 같긴한데.. 알아서 잘 해결했겠지 머

[링크 : https://youtu.be/IXmCze1GsGU?si=fi6Ni3ONYKYr8duc]

전체적인 레이아웃 잡는데에는 split view 나 stack view 나 tabview 정도가 적절해 보이는군.

ScrollView	Provides a scrolling view within another Item
SplitView	Lays out items with a draggable splitter between each item
StackView	Provides a stack-based navigation model
TabView	A control that allows the user to select one of multiple stacked items
TableView	Provides a list view with scroll bars, styling and header sections
TreeView	Provides a tree view with scroll bars, styling and header sections

[링크 : https://doc.qt.io/archives/qt-5.15/qtquick-controls-qmlmodule.html]

[링크 : https://doc.qt.io/archives/qt-5.15/qml-qtquick-controls-stackview.html]

onclicked 이벤트에서 stackview.push 함수를 이용하여 qml을 넣어주면 끝인듯. 편하겠네

넣는건 push 빼는건 pop. 직관적이네~

[링크 : https://youonlyliveonce1.tistory.com/16]

qt creator 에서 찾아보니 swipe view라는게 추가되어 보이고, 다른 tab 이나 split view가 안보인다.

2026.01.13

다시보다 보니 기본 컴포넌트에 mouse area 라는 것이 있다.

이미지 하나 띄우고 마우스 영역을 지정하고 원하는 크기로 조절하면

과거 html 에서 이미지 맵 하듯 가능해진다.

mouse area에서 area는 활성화 되는데 hover는 활성화 되어있지 않아서 체크를 해줘야 하고

체크를 해주면 의도한 대로 작동되게 된다.

----

qt quick 으로 생성해서 이미지를 넣고 사진을 띄우는것 까진 성공!(프로젝트 외부 디렉토리에 이미지는 안됨)

그래서 이미지를 클릭하면 무언가 하려고 하는데

connections 라던가 event list 에서 무언가 쓸만해 보이는게 뜨지 않는다.

그래서 우클릭 후 Add Mouse Area를 해주면

 image가 아니라 mouseArea로 잡히고

평범하게 보던 mouse 클릭 이벤트 들을 사용할 수 있게 된다.

확인필요

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

문득 남에건 빠른데 내껀 왜 느리지 싶어서 찾아보는 중

내가 가진건 st7735 칩셋이고 얘가 좀 많이 느린듯

[링크 : https://minimonk.tistory.com/524246]

라즈베리 파이용으로 구했던건 dtb 상으로 ili9486 같다. (3.5inch rpi lcd (a) v3)

돌이켜 보면 mame 하기 버거울 정도로 느렸던것 같은데. 아무튼 16MHz 였군

[링크 : https://minimonk.tistory.com/5694]

그래서 나중에 구매한 3.5inch rpi lcd (c) 고속 lcd 인데 칩셋 이름이 없다.

dtb 받아서 확인해보니 클럭이 어마어하게 올랐다. 어우 115Mhz 라니 기존대비 7배 올랐네

[링크 : https://www.waveshare.com/wiki/3.5inch_RPi_LCD_(C)?srsltid=AfmBOoqSBx9MWwgfxNGqcf86r2X4O_xpUVpX6gSELU31q2-5_RCjE0z1

[링크 : https://minimonk.tistory.com/9776]

예전에 2.4만원 넘어서 안샀던 것들이 ili9341 계열인데, 아래 보면 65fps까지 되는 쩌는 애들이네

[링크 : https://minimonk.tistory.com/12398]

아무튼 저런 애들을 써야 성능이 잘 나온다~ 라는거군

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

오실로스코프에 대충 연결하고

파워서플라이에서 3.3V 100mA 만들어서 넣음

1채널 노란색(프로브 노란색) - CLK(보라색)

2채널 파란색(프로브 빨간색) - DT(파란색)

시계방향(CW)로 돌리니 CLK가 먼저 반응하고

반시계방향(CCW)로 돌리니 DT가 먼저 반응한다.

위치에 따라서는 falling이 될수도  rising이 될수도 있긴한데..

이걸 어떻게 해석해야 한 틱 옮겨지고, 갑자기 방향이 바뀌는지 알 수 있을까?

stm32f103 으로 인터럽트 통해서 처리하려고

rising / falling edge에서 하게 해놨더니, 도대체 어떻게 뜨는건지 모르게 많이 뜬다.

물론 귀차니즘으로 usb cdc를 통해 그냥 바로 출력하게 해놔서 놓치는게 있을 것 같기도 하지만

high가 연속 두번 뜨지 않나 먼가.. 놓치는 느낌인데

A,B,C 모두 내부 풀업으로 하고 있는데, 외부 풀업과 0.1uF 을 달아줘서 해봐야겠다.

[링크 : https://retromakers.tistory.com/29] 하드웨어 채터링 방지

[링크 : https://blog.naver.com/kiatwins/221087863980] 하드웨어 채터링 방지

[링크 : https://eteo.tistory.com/138] sw 디바운스

cox ck87 게이트론 황축

오테뮤와 체리를 들어봤는데 게이트론은 첨 들어보네..

뽑아보니 노란색~ LED 이긴 한데 RGB는 아니고 white 단색

2021년 제품이라..

오테뮤 적축보다는 약간 시끄럽긴 한데 나쁘지 않은 수준.

그나저나.. 텐키리스 이고 멀쩡한데 왜 버려졌지?

꽂아보니 USB A 쪽이 조금 오락가락 하는듯. 커넥터가 헐거워져서 인가..

[링크 : https://m.blog.naver.com/starscatch/222702423137]