하프트웨어: 하드웨어와 소프트웨어의 세상

arm 계열 SBC + Ubuntu 18.04(LTS)에 flutter 설치하기

harftware — Thu, 27 Mar 2025 13:00:14 +0900

게으름은 나랏님도 못 고친다고 하는데 스스로 고칠수 있도록 노력해야겠다. ㅠ

이번엔 구형(?) ubuntu 18.04에 flutter를 설치하는 방법을 기록하기로 했다. ~~좀 기특...~~

목적은 리눅스용 데스크탑 애플리케이션을 만들 목적이므로 웹이나 모바일쪽은 제외했다.

VSCode 설치(참고: https://makingrobot.tistory.com/83 )
1. git clone https://github.com/JetsonHacksNano/installVSCode.git
2. cd installVSCode
3. ./installVSCode.sh
4. 실행: 터미널에서 “code” 입력
Flutter 설치
1. 준비
  1. sudo apt update
    sudo apt install -y git curl unzip xz-utils zip libglu1-mesa
2. 소스 복제
  1. cd ~/dev/git_clones(없으면 만들자! 혹은 자신이 관리하는 폴더를 사용해도 무방.)
  2. git clone https://github.com/flutter/flutter.git -b stable
3. 실행경로 추가
  1. sudo vi ~/.bashrc 에 아래내용 추가
  2. export PATH="$PATH:$HOME/dev/git_clones/flutter/bin"
  3. source ~/.bashrc
4. flutter doctor(아마도 Linux toolchain에 경고가 몇개 나올테다!)
리눅스 데스크탑 애플리케이션 개발을 위한 설정
1. clang 10설치(14는 설치 안됨. 아무래도 ubuntu 18.04버전이 좀 오래되서인지…)
  1. wget https://apt.llvm.org/llvm-snapshot.gpg.key -O - | sudo apt-key add -
  2. echo "deb http://apt.llvm.org/bionic/ llvm-toolchain-bionic-10 main" | sudo tee /etc/apt/sources.list.d/llvm10.list
  3. sudo apt update
  4. clang++ 10 설치
    1. sudo apt install -y clang-10
  5. 기본 clang 명령어로 연결
    1. sudo ln -sf /usr/bin/clang-10 /usr/bin/clang
    2. sudo ln -sf /usr/bin/clang++-10 /usr/bin/clang++
  6. 확인
    1. clang++ --version
2. ninja 설치
  1. sudo vi /etc/apt/sources.list (아래내용 추가)
    1. deb http://ports.ubuntu.com/ubuntu-ports bionic main universe restricted multiverse
      deb http://ports.ubuntu.com/ubuntu-ports bionic-updates main universe restricted multiverse
      deb http://ports.ubuntu.com/ubuntu-ports bionic-security main universe restricted multiverse
  2. sudo apt update
  3. sudo apt install -y ninja-build libgtk-3-dev
  4. flutter doctor(Linux toolchain 이 체크되어있긴 하지만 cmake버전이 낮아 flutter linux 앱 실행시 오류 발생)
3. cmake 업그레이드
  1. nvidia jetpack 4.6의 ubuntu 18.04에는 cmake 기본버전이 3.10.2인데 flutter 는 3.13 이상을 요구한다. 요구를 들어주자. 안들어주면 실행할수 없으니... ●█▀█▄ ●█▀█▄ ●█▀█▄
  2. sudo apt remove --purge --auto-remove cmake
  3. sudo apt update
  4. 필수 도구 설치
    1. sudo apt install -y wget gpg software-properties-common lsb-release
  5. Kitware GPG 키 등록
    1. wget -O - https://apt.kitware.com/keys/kitware-archive-latest.asc | gpg --dearmor -o kitware-archive-keyring.gpg
    2. sudo mv kitware-archive-keyring.gpg /etc/apt/trusted.gpg.d/
  6. Kitware APT 저장소 추가
    1. sudo apt-add-repository 'deb https://apt.kitware.com/ubuntu/ bionic main'
    2. sudo apt update
  7. 최신 CMake 설치
    1. sudo apt install -y kitware-archive-keyring
    2. sudo apt install -y cmake
  8. 확인
    1. cmake --version
      3.25.2(2025.3.27 현재)
flutter test
1. cd ~/dev/git_clones
2. flutter create testapp
3. flutter devices 로 linux device 사용 확인
4. flutter run -d linux 또는 flutter run -d linux --release 로 애플리케이션 실행

아무래도 좀 연식이 있는 OS다보니 기본 패키지 일부 버전이 낮거나 다른 패키지 저장소를 등록하는 등 귀찮은 작업이 동반되었다.

그래도 뭐 일단 실행환경 구축은 되어 개발은 계속 진행할수 있으니 여기서 만족한다.

Flutter Material 3 레이아웃을 활용한 앱 제작 체험

harftware — Sun, 8 Sep 2024 01:21:58 +0900

원제: Building an animated responsive app layout with Material 3

링크: https://codelabs.developers.google.com/codelabs/flutter-animated-responsive-layout#0

Building an animated responsive app layout with Material 3 | Google Codelabs

In this codelab, you’ll gain experience with building an application with adaptive design that animates fluidly with Material 3 on all six platforms that Flutter supports.

codelabs.developers.google.com

Flutter 앱에서 구글의 Material 3 레이아웃 디자인을 체험해볼수 있는 꽤 괜찮은 샘플이다.

아이콘, 이미지 에셋, 각종 레이아웃을 반응형으로 만들어서 폰과 테블릿, 네이티브, 웹 브라우저에서 실행해 볼 수 있다.

기본 레이아웃과 스타일링을 통해서 딱히 화려하지는 않지만 그대로 서비스 제작에 사용해도 크게 문제 없을 정도로 보인다.

실행은 아이폰, 안드로이드폰, 아이패드, 맥 네이티브, 크롬 브라우저에서 테스트 해보았다.

Flutter widget catalog

harftware — Sat, 7 Sep 2024 17:37:33 +0900

시간이 남아 돌아 만든건 아니고 전체적인 위젯의 규모를 파악하기 위해 공식 문서를 참고해서 만들었다.

생각해보면 거의 쓰는 위젯만 사용해서인지 내가 만드는 앱들이 단조롭고 궁색(?)한 느낌이었는데

앞으로는 좀 더 다양한 위젯들을 활용해 보아야겠다.

더불어 테마(Theme)와 스타일링도 좀 웹처럼 신경써서 좀 더 사용자 경험을 향상시킬수 있도록 노력해야겠다.

큰 분류로는 아이폰과 안드로이드를 위해 Cupertino, Material components로 나누어 양쪽 진영의 OEM Widget을 보다 충실히 꾸밀수 있도록 했나보다.

아이폰보다는 안드로이드쪽이 아무래도 구글이 만든 Flutter 이다보니 Material components 에 좀더 다양하게 신경 쓴 느낌이 든다.

기묘한 이야기(Stranger Things)

harftware — Fri, 23 Aug 2024 00:42:38 +0900

2016년부터 Netflex에서 방영하고 있는 드라마.

요즘말로 요약하면 '급식들의 모험 활극' 정도로 표현할 수 있겠다.

집에도 안들어가고 모험에 몰두하는 청소년들이 좀 의아하긴 하지만

무엇보다 화면에 80년대 삘(!)을 충실하게 구현해서 볼때마다 가슴이 촉촉해진다.

80년대 외화 느낌도 들고 애니메이션 '아키라'도 생각나고 그런다.

마지막 시즌 마지막 에피소드만 남았다. 아껴보는 중...

https://www.imdb.com/title/tt4574334/

기묘한 이야기 (TV Series 2016–2025) ⭐ 8.7 | Drama, Fantasy, Horror

1h | 15

www.imdb.com

기묘한 이야기(Stranger Things)

다음 자전거는 이 녀석이닷!

harftware — Thu, 22 Aug 2024 23:57:56 +0900

자전거도로에서도, 인도를 비롯한 약간의 거친 지형에서도 타기 좋고

크기도 36처럼 부담스럽지도 않아 꼭 갖고 싶다. 크리스 홈 문 닫기전에. ㅠㅠ

Zombie Zero Car(aka. zzcar)

harftware — Tue, 13 Aug 2024 00:38:32 +0900

디스토피아 세상의 좀비를 때려잡기 위해 만든 라즈베리파이 자동차.

WebRTC(Video/ Audio), 모터 구동 테스트를 마치고 90%의 배선을 완료하였다.

앞뒤의 LED와 OLED 디스플레이 배선만 끝내면 자동차는 끝. ㅠㅠ

5v 배터리로 구동할때와 7.4v 배터리는 확실히 구동능력이 다르다.

또한 TPU로 출력한 앞뒤 범퍼가 마음에 든다.

생각보다 3D 프린터로 직접 만든 자동차들은 내구성이 좋지는 않다. 특히 작게 만들수록.

라즈베리파이용 26TOPS AI Kit

harftware — Mon, 12 Aug 2024 23:21:20 +0900

https://www.devicemart.co.kr/goods/view?no=15503063&srsltid=AfmBOoqh77a7KhCya0MsUhtZRAxDnnBTvWqurEJ7pWlL8HtJAcGr60Cp

Hailo-8 AI 프로세서 가속기 ZAiV-M.2

Hailo-8 AI 프로세서 / PCle M.2 M-Key 인터페이스 / 라즈베리파이5의 호환 가능한 M.2 HAT 보드에 장착되어 26TOPS의 추론성능을 발휘하는 Hailo 8 AI 가속기

www.devicemart.co.kr

Hailo-8 기반의 NPU를 탑재한 모듈이다.

라즈베리파이 재단의 hailo-8L 그것보다 무려 두배의 처리속도를 자랑하지만 가격은 두배가 안되니 나름 괜찮을 듯.

그러다가 조만간 네배, 여덟배짜리 나오는거 아닌가 모르겠네.

아마도 그렇겠지....

Raspberry Pi 5 AI Kit 데모 체험해보기

harftware — Mon, 12 Aug 2024 22:23:53 +0900

남들(?) 다하는 Object detection, Image segmentation, Pose estimation 등을 해보려고 한다.

그래봐야 모델은 미리 준비되어있고 명령어만 실행해주는 정도면 손쉽게 데모를 체험해볼수 있다.

yolo5, 6, 8, x 버전별로 실행이 가능하며 해상도도 변경가능하니 다양하게 체험할수 있는 환경을 제공해준다.

우선 적당한 크기(마침 놀고 있는 64GB를 사용)의 T-Flash 저장장치에 RaspberryPi OS 64bit를 설치한다.

RaspberryPi OS 설치가 완료되면 WiFi, ssh 등의 설정으로 기기를 인터넷에 접속할 수 있도록 한다.

https://www.raspberrypi.com/documentation/accessories/ai-kit.html

위 링크를 참고하면 RaspberryPi OS 에 Hailo에서 제공하는 AI Kit 기능을 위한 라이브러리나 파일들을 설치 할수 있다.

1. RaspberryPi OS 업데이트

sudo apt update && sudo apt -y full-upgrade

2. 라즈베리파이의 EEPROM을 업데이트

sudo rpi-eeprom-update

(다만 부트로더 버전이 2023년 12월 6일 이전이라면 라즈베리파이 설정(raspi-config)로 부트로더 업데이트를 해주어야하나보다. 상단 링크 참조)

3. 재부팅

sudo reboot

4. Hailo의 AI Kit 설치

sudo apt install hailo-all

5. 재부팅

sudo reboot

6. AI Kit 설치 확인

hailortcli fw-control identify

결과

Executing on device: 0000:01:00.0

Identifying board

Control Protocol Version: 2

Firmware Version: 4.17.0 (release,app,extended context switch buffer)

Logger Version: 0

Board Name: Hailo-8

Device Architecture: HAILO8L

Serial Number: HL-----------------

Part Number: HM--------------

Product Name: HAILO-8L AI ACC M.2 B+M KEY MODULE EXT TMP

7. 카메라 테스트

rpicam-hello -t 10s

결과

카메라 프리뷰 팝업이 뜨면 성공!

8. 드디어 아기다리 고기다리 던 데모 실행(데모 파일 다운로드)

git clone --depth 1 https://github.com/raspberrypi/rpicam-apps.git ~/rpicam-apps

9. Image segmentation 데모

rpicam-hello -t 0 --post-process-file ~/rpicam-apps/assets/hailo_yolov5_segmentation.json --lores-width 640 --lores-height 640 --framerate 20

10. Pose Estimation

rpicam-hello -t 0 --post-process-file ~/rpicam-apps/assets/hailo_yolov8_pose.json --lores-width 640 --lores-height 640

11. Object detection(버전별로 5, 6, 8, x 제공)

rpicam-hello -t 0 --post-process-file ~/rpicam-apps/assets/hailo_yolov5_personface.json --lores-width 640 --lores-height 640

그 밖에도 assets폴더를 들여다보니 좀 더 다양한 기능을 체험할수 있는 데모들이 들어있었다.

-rw-r--r-- 1 pi pi 158 Aug 12 14:09 annotate_cv.json

-rw-r--r-- 1 pi pi 629 Aug 12 14:09 drc.json

-rw-r--r-- 1 pi pi 303 Aug 12 14:09 face_detect_cv.json

-rw-r--r-- 1 pi pi 416 Aug 12 14:09 hailo_classifier.json

-rw-r--r-- 1 pi pi 650 Aug 12 14:09 hailo_yolov5_personface.json

-rw-r--r-- 1 pi pi 438 Aug 12 14:09 hailo_yolov5_segmentation.json

-rw-r--r-- 1 pi pi 551 Aug 12 14:09 hailo_yolov6_inference.json

-rw-r--r-- 1 pi pi 555 Aug 12 14:09 hailo_yolov8_inference.json

-rw-r--r-- 1 pi pi 259 Aug 12 14:09 hailo_yolov8_pose.json

-rw-r--r-- 1 pi pi 563 Aug 12 14:09 hailo_yolox_inference.json

-rw-r--r-- 1 pi pi 630 Aug 12 14:09 hdr.json

-rw-r--r-- 1 pi pi 249 Aug 12 14:09 motion_detect.json

-rw-r--r-- 1 pi pi 30 Aug 12 14:09 negate.json

-rw-r--r-- 1 pi pi 475 Aug 12 14:09 object_classify_tf.json

-rw-r--r-- 1 pi pi 410 Aug 12 14:09 object_detect_tf.json

-rw-r--r-- 1 pi pi 241 Aug 12 14:09 pose_estimation_tf.json

-rw-r--r-- 1 pi pi 139 Aug 12 14:09 segmentation_labels.txt

-rw-r--r-- 1 pi pi 238 Aug 12 14:09 segmentation_tf.json

-rw-r--r-- 1 pi pi 47 Aug 12 14:09 sobel_cv.json

-rw-r--r-- 1 pi pi 504 Aug 12 14:09 yolov5_personface.json

-rw-r--r-- 1 pi pi 489 Aug 12 14:09 yolov5seg.json

자 이렇게 기기 확인 또는 데모 체험정도의 기능을 실행해보았다. 13TOPS가 어느정도 기대에 부합될지 기대가 되면서

앞으로 어떻게 프로젝트에 활용할지 연구를 많이 해보아야겠다.

RPi 5 + AI Kit(Hailo)

harftware — Mon, 12 Aug 2024 21:01:53 +0900

구매해놓은지가 1달여 지난것 같다.

이리 저리 핑계로 조립만 해두고 시작을 못했다.

목표는 AI Kit을 활용해보고 ROS 2를 올려서 다음 프로젝트에 사용할 준비를 해야겠다.

구성은 아래와 같다.

1. Raspberry Pi 5(4GB)

2. AI Kit(Hailo AI acceleration module)

3. Raspberry Pi Camera V2

4. 디바이스마트표 USB-c 5V 5A 어댑터

어휴...20만원 넘게 홀딱 깨졌지만 남들 다하는 AI시대에 손가락만 빨고 있을수는 없으니...에헴

참고로 Hailo 모듈의 NPU는 13TOPS(Tera-Operations Per Second)라고 하는데 이는 Nvidia의 Jetson nano 의 그것(472 GFLOPS)에 비하면 괄목할만한 성장을 이룬듯 싶다(출처 https://connecttech.com/jetson/jetson-module-comparison/).

활용할 프로젝트가 2개나 있으니 열심히 사용법을 익혀봐야겠다.

김근석 근황

harftware — Mon, 12 Aug 2024 17:58:53 +0900

2011년 여름, 입양와서 며칠 된 샤방한 모습.

2024년 언젠가 여름 .