무스마

RSS

게시글: 129
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
Install flutter in jetson nano orin
이 글은 Jetson Nano Orin 환경에 Flutter를 설치하는 과정을 안내합니다. clang, cmake, git 등 필수 패키지를 apt 명령어로 설치하고, Flutter SDK를 다운로드하여 설치하는 단계를 설명합니다. Flutter 설치 후 `flutter doctor` 명령어를 통해 설치 상태를 확인하며, Android Studio가 설치되지 않은 경우 발생하는 경고 메시지에 대한 해결 방안을 제시합니다. 특히, 크롬 브라우저 대신 크로미움을 사용하는 대체 방안도 언급합니다. 이 과정을 통해 Jetson Nano Orin에서 Flutter 개발 환경을 구축할 수 있습니다.
FlutterJetson Nano OrinLinux
무스마·2024년 2월 26일
Frontend
Flutter linux 초 미세 팁
이 글은 Flutter 애플리케이션을 Linux 환경에서 개발할 때 유용한 몇 가지 팁을 제공합니다. 특히 아이콘 설정과 관련된 내용을 다루는데, debug 모드와 release 모드에서 assets 경로가 달라지는 문제를 해결하기 위한 코드를 제시합니다. 또한, 전처리기(#ifdef NDEBUG)를 사용하여 debug 모드와 release 모드를 구분하는 방법을 설명합니다. 마지막으로, GTK 라이브러리를 활용하여 윈도우의 스크린 사이즈를 기본값으로 설정하거나 전체 화면으로 설정하는 방법을 안내합니다. 이 팁들은 Flutter Linux 애플리케이션의 아이콘 설정 및 화면 구성을 최적화하는 데 도움을 줄 수 있습니다.
FlutterLinux아이콘
무스마·2024년 2월 26일
Etc
Flutter linux에서 앱 아이콘 설정
해당 글은 Flutter 앱 아이콘 설정을 다루려 했으나, 실제 내용은 'File not found' 오류 페이지를 보여주고 있습니다. GitHub Pages 관련 문서 링크와 함께 오류 메시지가 표시되며, 요청된 파일이 존재하지 않음을 알립니다. 따라서 Flutter의 특정 기능 설정에 대한 정보는 제공되지 않으며, 기술적인 문제 해결이나 정보 전달보다는 오류 상황 자체를 보여주는 글입니다.
FlutterLinuxApp Icon
무스마·2024년 2월 26일
Etc
Install Flutter In Jetson Nano Orin
해당 글은 'Jetson Nano Orin에 Flutter 설치'라는 제목을 가지고 있으나, 실제 내용은 404 오류 페이지를 보여주고 있습니다. 파일이 존재하지 않거나 경로가 잘못되었음을 알리는 GitHub Pages의 기본 오류 메시지가 표시됩니다. 따라서 이 글은 기술적인 내용을 다루기보다는 웹사이트 설정 오류 또는 페이지 접근 불가 상황을 나타냅니다. 실제 기술 정보나 설치 가이드가 포함되어 있지 않아, 어떤 기술을 설명하거나 분석하는 글이라고 보기 어렵습니다. 결론적으로, 이 글은 기술 블로그의 정상적인 콘텐츠로 간주하기 어렵습니다.
FlutterJetson Nano Orin404
무스마·2023년 12월 16일
DevOps
우분투 20 이상이 설치된 라즈베리파이 4에 Raspi Config 설치 및 카메라 연결
이 글은 우분투 20 이상이 설치된 라즈베리 파이 4에 raspi-config를 설치하고 카메라를 설정하는 방법을 안내합니다. 먼저 root 권한으로 전환한 후 raspi-config를 설치하고 카메라 설정을 시도하지만, 초기 설정 시 오류가 발생합니다. 오류 해결을 위해 `config.txt` 파일을 수정하고 `libraspberrypi-bin` 및 `python3-pip` 패키지를 설치하는 과정을 상세히 설명합니다. 특히 `bcm2711-rpi-4-b.dtb` 파일 누락 문제를 해결하기 위한 파일 다운로드 및 경로 지정 방법을 제시합니다. 최종적으로 `vcgencmd get_camera` 명령어를 통해 카메라 인식 여부를 확인하고, 재부팅 후 카메라 설정을 완료하는 과정을 보여줍니다. 이는 라즈베리 파이를 활용한 IoT 프로젝트나 하드웨어 관련 개발 시 유용한 정보입니다.
Raspberry PiUbunturaspi-config
무스마·2023년 12월 1일
Etc
Install flutter in jetson nano orin
해당 글은 Jetson Nano Orin에 Flutter를 설치하는 과정에서 발생한 404 오류에 대한 내용입니다. 본문에는 실제 설치 방법이나 해결책에 대한 정보가 전혀 포함되어 있지 않고, GitHub Pages에서 흔히 발생하는 'File not found' 오류 메시지만 반복적으로 나타납니다. 따라서 이 글은 기술적인 내용을 다루기보다는, 특정 환경에서의 설치 시도 중 발생한 문제 상황을 보여주는 예시로 볼 수 있습니다. 실제적인 Flutter 설치 가이드나 문제 해결 정보를 얻기에는 부적합합니다.
Jetson NanoOrinFlutter
무스마·2023년 12월 1일
Frontend
React-query 를 사용해 상태관리를 해보자
이 글은 React 프로젝트에서 상태 관리를 위해 React Query 라이브러리를 사용하는 방법을 소개합니다. Redux나 MobX와 같은 기존 라이브러리에 비해 낮은 러닝 커브와 적은 보일러플레이트로 인해 React Query를 선택하게 된 배경을 설명합니다. React Query를 사용하는 주요 이유로 간편한 데이터 관리, 실시간 업데이트 및 동기화, 데이터 캐싱을 통한 성능 향상, 서버 상태 관리의 용이성, 그리고 간편한 설정을 제시합니다. 또한, 기존의 데이터 패칭 코드와 React Query를 사용한 코드를 비교하며 라이브러리의 효율성을 보여주고, Query & Mutation, 데이터 캐싱의 원리에 대해 설명합니다. 마지막으로 라이브러리 설치 및 기본 설정 방법을 안내하며 글을 마무리합니다.
React Query상태 관리데이터 패칭
무스마·2023년 9월 14일
Backend
FCM 알아보기
이 글은 프로젝트에서 앱 알림 기능을 구현하기 위해 FCM(Firebase Cloud Messaging)을 사용한 경험을 공유합니다. FCM의 기본적인 소개와 주요 기능들을 설명하고, 특히 Spring Boot와 Android 환경에서 푸시 알림을 전송하는 구체적인 방법을 단계별로 안내합니다. Firebase 프로젝트 생성, 엑세스 키 발급, Spring Boot 및 Android 앱 설정 과정을 상세히 다루어, FCM 설정 시 겪었던 어려움을 해결하고 추후 재사용을 위한 참고 자료로 활용될 수 있도록 작성되었습니다.
FCM푸시 알림Spring Boot
무스마·2023년 9월 6일
Backend
Netty를 활용한 양방향 소켓 통신 구성
본 글은 프로젝트에서 요구되는 소켓 통신 환경을 구현하기 위해 Netty 프레임워크를 활용한 양방향 통신 구성 방법을 학습하고 기록한 내용입니다. Netty는 유지보수가 용이하고 고성능의 프로토콜 서버 및 클라이언트 개발을 위한 비동기 이벤트 기반 네트워크 애플리케이션 프레임워크입니다. 글에서는 Netty의 기본적인 흐름을 시작으로 Config, ServerSocket, ChannelInitializer, Decoder, Handler, 그리고 Chat Service 구현까지 단계별로 설명합니다. 특히, Netty의 특징인 'discard server' 예제를 통해 수신된 데이터를 응답 없이 폐기하는 방식을 소개하며, ChannelInboundHandlerAdapter를 상속받아 채널 통신 정보를 설정하는 방법을 다룹니다. 이를 통해 Netty를 활용한 효율적인 소켓 통신 구현의 기초를 다질 수 있습니다.
Netty소켓 통신양방향 통신
무스마·2023년 8월 30일
Frontend
NPM 라이브러리 배포 해보기
이 글은 입사 후 온보딩 과정에서 경험한 NPM 라이브러리 배포 실습을 바탕으로 작성된 가이드입니다. 저자는 NPM 패키지를 사용하는 경험은 있었지만 직접 배포하는 것은 처음이었으며, 무스마의 패키지 관리 시스템에 대한 감탄을 표합니다. 글은 사전 준비 단계부터 프로젝트 생성, 모듈 작성, 테스트, 그리고 실제 NPM 배포 과정까지 상세하게 다룹니다. 특히, 폴더 생성, package.json 설정, 모듈 코드 작성 방법을 설명하며, TypeScript 사용 가능 여부에 대한 질문에도 답변합니다. NPM 라이브러리 배포 경험이 없는 개발자들에게 유용한 실무 가이드라인을 제공합니다.
NPM라이브러리 배포package.json
무스마·2023년 8월 28일
Backend
WebRTC 화상회의 서버 구축
본 글은 WebRTC를 활용하여 화상회의 서버를 구축하는 과정을 다룹니다. WebRTC의 기본 개념과 종류를 소개하고, 서버 구축에 필요한 네 가지 요소를 설명합니다. 특히 Spring Boot를 이용한 시그널링 서버 구축 방법과 HTML, JavaScript를 활용한 프론트엔드 구현에 대한 내용을 포함합니다. 이를 통해 실시간 영상 통신 기능을 갖춘 화상회의 시스템을 직접 구축하는 방법을 배울 수 있습니다.
WebRTC화상회의서버 구축
무스마·2023년 8월 21일
Frontend
[Flutter] 설치하기
이 글은 macOS 환경에서 Flutter를 설치하는 과정을 상세하게 안내합니다. M2 Pro 맥북과 Ventura OS를 기준으로, 터미널 명령어를 사용하여 Flutter SDK를 다운로드하고 PATH를 설정하는 방법부터 시작합니다. `flutter --version`으로 설치를 확인하고, `flutter doctor` 명령어를 통해 개발 환경에 필요한 구성 요소들을 점검합니다. 특히 Android 개발을 위해 Android Studio 설치 및 SDK Command-line Tools 설정, 라이선스 동의 과정을 설명하며, iOS 개발을 위한 Xcode와 CocoaPods 설치 방법도 포함합니다. 모든 필수 요소가 설치된 후 `flutter doctor` 명령어로 최종 확인하는 과정을 보여주며, Flutter 개발 환경 구축에 필요한 실질적인 가이드를 제공합니다.
FluttermacOS설치
무스마·2023년 8월 21일
Backend
MQTT 로드밸런싱 해보기
본 글은 MQTT 통신에서 발생하는 부하 분산을 Nginx를 활용하여 구현하는 방법을 다룹니다. 일반적으로 클라이언트 증가 시 성능 향상을 위해 로드밸런싱 기술을 적용하지만, MQTT에서도 가능한지 탐구합니다. Nginx는 오픈 소스 웹 서버 및 리버스 프록시 서버로서 높은 성능과 확장성을 제공하며, 캐싱, 보안, 부하 분산 등의 기능을 지원합니다. 특히 프록시 서버 기능은 클라이언트와 서버 간의 요청 및 응답을 중계하고, 여러 서버로 요청을 분산하여 효율적인 부하 분산을 가능하게 합니다. 글에서는 Nginx의 프록시 기능을 이용하여 MQTT 브로커 로드밸런싱을 구성하는 구체적인 Nginx 설정 예시를 제시하며, 3300 포트로 들어오는 MQTT TCP 접속을 두 개의 MQTT 브로커로 분산하는 방법을 설명합니다.
MQTT로드밸런싱Nginx
무스마·2023년 8월 9일
Backend
멀티스레드 프로그래밍
이 글은 자바 개발 시 자주 접하게 되는 멀티스레딩에 대해 다룹니다. 먼저 프로세스와 스레드의 개념을 설명하며, 프로세스가 실행 중인 프로그램을 의미하고 스레드는 프로세스 내에서 실제로 작업을 수행하는 단위임을 명확히 합니다. 공장과 일꾼에 비유하여 이해를 돕고, 멀티스레딩이 하나의 프로세스 내에서 여러 스레드가 동시에 작업을 수행하는 방식임을 설명합니다. CPU 코어 수와 스레드 수의 관계, 그리고 스레드 수가 항상 성능 비례로 이어지지 않음을 언급합니다. 마지막으로 자바에서 스레드를 구현하는 두 가지 방법, 즉 Thread 클래스 상속과 Runnable 인터페이스 구현을 소개하며, Thread 클래스 상속 시 다른 클래스를 상속받을 수 없다는 제약 때문에 Runnable 인터페이스 구현이 더 일반적임을 강조합니다.
멀티스레딩자바프로세스
무스마·2023년 8월 3일
DevOps
AWS 좀비 Stack 삭제
AWS CDK로 생성한 스택이 삭제되지 않는 문제에 대한 해결 방법을 다룹니다. CDK 실습 중 발생한 요금 폭탄을 피하기 위해 서비스를 삭제하려 했으나, 특정 CDK 스택이 삭제되지 않는 문제가 발생했습니다. 오류 메시지를 통해 IAM Role의 문제임을 파악하고, 해당 Role이 존재하지 않는 것을 확인했습니다. 이후 CloudFormation을 사용 사례로 선택하여 새로운 IAM Role을 생성하고, 강력한 권한을 가진 Policy를 JSON으로 정의하여 연결했습니다. 마지막으로, 삭제되지 않던 스택의 오류 메시지에 나온 Role 이름으로 새로 생성한 Role을 지정하여 스택 삭제를 시도하는 과정을 설명합니다.
AWSCDKIAM
무스마·2023년 7월 25일
Frontend
프론트엔드 테스트 코드를 도입하며 느낀점
React 기반 프로젝트에서 잦은 버그 발생으로 인해 테스트 코드 도입의 필요성을 느낀 경험을 공유합니다. 프로젝트 마감 일정을 맞추기 위해 코드 품질 저하와 테스트 시간 부족으로 버그가 발생했으며, 특히 로그인 기능과 같이 복잡한 시나리오에서는 수많은 테스트 케이스가 존재하여 개발자의 실수를 피하기 어렵습니다. 코드 개선 후에도 수동 통합 테스트만으로는 모든 버그를 잡아내기 어렵다는 점을 깨닫고, 테스트 코드 도입의 중요성을 강조합니다. 촉박한 일정 속에서도 테스트 코드의 필요성을 인지하고 도입을 논의했으나, 결국 일정 부족으로 실행하지 못했던 아쉬움을 드러내며, 향후 프로젝트에서는 테스트 코드를 적극적으로 활용하여 코드 품질과 안정성을 높여야 함을 시사합니다.
React테스트 코드단위 테스트
무스마·2023년 7월 24일
DevOps
fzf를 이용한 터미널 탐색
이 글은 터미널 환경에서 파일 및 히스토리 탐색을 효율적으로 돕는 도구인 fzf(fuzzy finder)의 설치 및 활용 방법을 소개합니다. fzf는 대략적인 입력만으로도 원하는 항목을 빠르게 찾아주는 강력한 기능을 제공합니다. Homebrew를 이용한 설치 방법과 zsh 쉘 환경에서 fzf의 기본 옵션 설정 및 단축키(Ctrl + T, Ctrl + R, Alt + C)를 활용하여 파일 검색, 히스토리 검색, 디렉토리 이동을 간편하게 하는 방법을 설명합니다. 특히 macOS(XOS) 환경에서 Alt + C 단축키 충돌 문제를 해결하는 트릭도 제시합니다. fzf를 통해 터미널 작업의 생산성을 크게 향상시킬 수 있습니다.
fzf터미널fuzzy finder
무스마·2023년 7월 3일
DevOps
쿠버네티스 컨테이너 이슈 대응
쿠버네티스 컨테이너 레지스트리 변경에 따른 이슈 대응 방안을 다루는 글입니다. 2023년 4월 3일부터 k8s.gcr.io 레지스트리가 registry.k8s.io로 변경되면서 기존 레지스트리를 사용하는 이미지에 대한 지원이 중단되었습니다. 이에 따라 서비스 중인 클러스터의 이미지 검사가 필수적이며, kubectl 명령어나 Krew 플러그인을 활용하여 이슈 레지스트리를 사용하는 이미지를 탐지하고 registry.k8s.io로 변경하는 방법을 안내합니다. 이를 통해 이미지 배포 중단 및 임의 제거 가능성에 대비하고 안정적인 서비스 운영을 유지할 수 있습니다.
Kubernetes컨테이너레지스트리
무스마·2023년 3월 29일
DevOps
우분투 해상도 추가
티뷰어를 사용하여 우분투 서버에 원격 접속 시 해상도가 1024x768로 제한되는 문제를 해결하는 방법을 다룹니다. 모니터가 연결되지 않은 환경에서 발생하는 이 문제는 프런트엔드 작업이나 시연 시 불편을 초래합니다. 해결책으로 `xrandr` 명령어를 사용하여 원하는 해상도를 추가하고 적용하는 방법을 설명합니다. `cvt` 명령어로 해상도 모드라인을 생성하고, `xrandr --newmode`, `xrandr --addmode`, `xrandr --output` 명령어를 순차적으로 실행하여 해상도를 1600x900으로 변경하는 과정을 보여줍니다. 다만, 서버 재부팅 시 설정이 사라지므로 재부팅 후에도 동일한 설정을 다시 적용해야 함을 언급합니다.
UbuntuTeamViewerxrandr
무스마·2023년 3월 15일
Frontend
React Native build error by ruby
React Native 신규 프로젝트 생성 시 pod install 과정에서 발생하는 ruby 관련 빌드 오류에 대한 해결 과정을 공유합니다. 필자는 직접 새 프로젝트를 생성하여 오류 재현을 시도했으며, 이 과정에서 발생한 문제점과 해결 방안을 탐구합니다. 특히, macOS 환경에서 React Native 개발 시 ruby 환경 설정 및 pod install 관련 이슈는 흔하게 발생할 수 있으며, 이에 대한 이해와 적절한 대처가 중요함을 시사합니다. 본 글은 유사한 문제를 겪는 개발자들에게 실질적인 도움을 줄 수 있는 정보를 제공하고자 합니다.
React Nativebuild errorruby
무스마·2022년 10월 31일