Install flutter in jetson nano orin
Install flutter in jetson nano orin sudo apt install clang cmake git ninja-build pkg-config libgtk-3-dev liblzma-dev libstdc++-12-dev sudo apt install ./download/code_1.75.1-1675892106_arm64.deb sudo snap install flutter --classic flutter sdk-path CH
Flutter linux 초 미세 팁
아이콘 설정 debug 모드와 release 모드의 asset 경로가 다르다. if (g_file_test("assets", G_FILE_TEST_IS_DIR)) { gtk_window_set_icon_from_file(window, "assets/images/launcher_icon.png", NULL); } else { gtk_window_set_icon_from_file(window, "data/flutter_assets/assets/im
우분투 20 이상이 설치된 라즈베리파이 4에 raspi-config 설치 및 카메라 설정하기
우분투 20 이상이 설치된 라즈베리파이 4에 raspi-config 설치 및 카메라 설정하기 일단 라즈베리파이에 root로 전환하고 수행하자 다음 명령어들로 raspi-config를 설치하자 echo "deb http://archive.raspberrypi.org/debian/ buster main" >> /etc/apt/sources.list apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --
React-query 를 사용해 상태관리를 해보자
React-query 를 사용해 상태관리를 해보자 프로젝트를 새로 시작함에 있어 상태관리 라이브러리를 찾아 보던 중, Redux나 MobX 같은 라이브러리 들에 비해 러닝커브가 상당히 낮고 보일러플레이트가 적어 편하게 사용할 수 있는 React Query에 대해 알게되었습니다. 이미 무스마의 많은 개발자 분들이 Reacy query를 개발에 잘 활용하고 계시지만, React Query를 학습하며 정리하는 차원에서 기술블로그에 작성해보려 합니다.
FCM 알아보기
FCM 알아보기 들어가기 전.. 이번 프로젝트에서 앱에서 알람을 보내기 위해, FCM 를 사용하게 되었습니다. 구글링과 공식문서를 보면서 테스트 앱을 만들고, FCM을 태스트 하였는대, 설정 부분에서 몇몇 부분들이 재대로 설명되어 있지 않거나 생략이 되어있어 나중에 또 다시 FCM 기능을 사용할때 참고하기 위해서 이렇게 글을 작성하게 되었습니다!. 목차 소개 FCM 이란? FCM의 주요 기능 푸시 알림 전송 방법 ( Spring boot + a
Netty를 활용한 양방향 소켓 통신 구성
프로젝트를 진행하는데에 있어 소켓통신을 활용해 데이터를 주고 받아야 하는 환경이 있어 미리 학습을 하며 기록합니다. 목차 Netty의 기본적인 흐름 Config NettyServerSocket NettyChannelInitializer 3-1. Decoder Handler Chat Service Netty 란? 유지관리 가능한 고성능 프로토콜 서버 및 클라이언트의 신속한 개발을 위한 비동기 이벤트 기반 네트워크 애플리케이션 프레임워크 입니다.
npm 패키지 배포 가이드
안녕하세요! 무스마 FE파트의 Yong입니다. 입사 후 온보딩으로 npm 배포를 실습해 보며 정리한 것들을 바탕으로 가이드를 작성해 보려 합니다. 여담이지만 저는 입사 전 npm에 배포되어 있는 패키지들을 사용할 줄만 알았지 배포해 본 경험은 없었습니다.. 반면, 무스마에서는 패키지가 잘 관리되고 있어서 무스마 크루들의 노력이 대단하다고 느꼈습니다! 목차 사전 준비 프로젝트 생성하기 폴더 생성 package.json 생성 module 작성 테스
WebRTC 화상회의 서버 구축
WebRTC 화상회의 서버 구축 소개하기 전… WebRTC 기본 정보 WebRTC 란? WebRTC 종류 WebRTC 서버 구축을 위해 필요한 4가지 테스트 프로젝트 spring boot 시그널링 서버 프론트 코드 ( html + javascript ) flutter 예제 소개하기 전.. 이번에 프로젝트에서 webRTC 사용하게 되었습니다. 사용 이유는 CCTV 를 웹과 flutter 앱 화면에 보기 위해서 입니다. 저는 WebRTC를 한번도
[Flutter] 설치하기
설치 환경 맥북 M2 Pro, Ventura 13.2.1 환경변수 설정 및 Flutter 설치 터미널에서 명령어 입력 후 설치 mkdir ./Developments && mv ~/Downloads/flutter ./Developments/ && echo 'export PATH="$PATH:$HOME/Developments/flutter/bin"' >> ~/.zshrc && source ~/.zshrc Flutter 버전 확인 flutter --
MQTT 로드밸런싱 해보기
들어가기전 보통 클라이언트가 증가하면 부하 분산 및 성능향상을 위해 로드밸런싱 기술을 적용하곤 합니다. 저는 MQTT도 로드밸런싱이 가능한지에 대하여 알아보았고 그 방법이 무엇인지 공유해보려 합니다. Nginx NGINX는 높은 성능과 확장성을 가진 오픈 소스 웹 서버 및 리버스 프록시 서버입니다. 웹 서비스 및 애플리케이션을 처리하기 위한 HTTP 서버로 주로 사용되며, 로드 밸런싱, 캐싱, SSL/TLS 암호화, 웹 애플리케이션 방화벽 등의