무스마 기술블로그

React-query 를 사용해 상태관리를 해보자 프로젝트를 새로 시작함에 있어 상태관리 라이브러리를 찾아 보던 중, Redux나 MobX 같은 라이브러리 들에 비해 러닝커브가 상당히 낮고 보일러플레이트가 적어 편하게 사용할 수 있는 React...

FCM 알아보기 들어가기 전.. 이번 프로젝트에서 앱에서 알람을 보내기 위해, FCM 를 사용하게 되었습니다. 구글링과 공식문서를 보면서 테스트 앱을 만들고, FCM을 태스트 하였는대, 설정 부분에서 몇몇 부분들이 재대로 설명되어 있지...

프로젝트를 진행하는데에 있어 소켓통신을 활용해 데이터를 주고 받아야 하는 환경이 있어 미리 학습을 하며 기록합니다. 목차 Netty의 기본적인 흐름 Config NettyServerSocket NettyChannelInitializer 3-1. Decoder Handler Chat Service Netty 란? 유지관리...

안녕하세요! 무스마 FE파트의 Yong입니다. 입사 후 온보딩으로 npm 배포를 실습해 보며 정리한 것들을 바탕으로 가이드를 작성해 보려 합니다. 여담이지만 저는 입사 전 npm에 배포되어 있는 패키지들을 사용할 줄만 알았지 배포해...

설치 환경 맥북 M2 Pro, Ventura 13.2.1 환경변수 설정 및 Flutter 설치 터미널에서 명령어 입력 후 설치 mkdir ./Developments && mv ~/Downloads/flutter ./Developments/ && echo 'export PATH="$PATH:$HOME/Developments/flutter/bin"' >> ~/.zshrc &&...

WebRTC 화상회의 서버 구축 소개하기 전… WebRTC 기본 정보 WebRTC 란? WebRTC 종류 WebRTC 서버 구축을 위해 필요한 4가지 테스트 프로젝트 spring boot 시그널링 서버 프론트 코드 ( html +...

들어가기전 보통 클라이언트가 증가하면 부하 분산 및 성능향상을 위해 로드밸런싱 기술을 적용하곤 합니다. 저는 MQTT도 로드밸런싱이 가능한지에 대하여 알아보았고 그 방법이 무엇인지 공유해보려 합니다. Nginx NGINX는 높은 성능과 확장성을 가진...

자바를 사용하고 공부하다보면 Thread와 관련된 부분이 많습니다. 이번 글에서는 자바의 멀티스레딩에 대해서 이야기해보겠습니다. Thread 클래스와 Runnable 인터페이스 프로세스와 스레드    프로세스(process)란 간단히 말해서 ‘실행 중인 프로그램(program)’입니다. 프로그램을 실행하면 OS로부터 실행에 필요한...

들어가기 전 이번 프로젝트에서 협업툴로 Github Projects를 사용하게 되었습니다. 처음 Github Projects 사용해보는것이라, 한번 알아볼겸 사용하면서 정리해보았습니다. Github Projects 를 사용하면 무엇이 좋은지 조사해보았고, 아래와 같은 이유들이 나왔습니다. 프로젝트 관리의...

AWS 좀비 Stack 삭제 CDK로 실습? 좀 하다가 요금 폭탄 맞을 것 같아서 부랴 부랴 서비스를 지웠는데, CDK stack 하나가 지워지지 않는다. 심지어 root 계정으로 지워지지 않는다. 에러를 보면 iam의...

버그 버그 또 버그, 리팩토링 이후 또 버그! musma 프론트엔드 팀은 대부분의 프로젝트를 React 기반으로 개발하고 있습니다. 제가 두 번째로 참여하게 된 프로젝트도 React로 개발되었는데요. 프로젝트가 마무리가 되어갈 때, 사소하지만...

개요 fzf란? (fuzzy finder)의 약어로 터미널 환경에서 파일, 히스토리 탐색등을 도와주는 도구 입니다. 대충 입력해도 알아서 잘 찾아준다. 정도로 이해해 주시면 될 것 같습니다. 설치 brew install fzf # terminal...

개요 2023년 4월 3일부터 쿠버네티스 프로젝트의 레지스트리가 기존 k8s.gcr.io 레지스트리에서 새로운 레지스트리인 registry.k8s.io 레지스트리로 변경됨에 따라 k8s.gcr.io 레지스트리를 참조하는 이미지에 대한 지원이 중단되었습니다. 이에 따라 기존 이미지들에 대해 배포가 중단되거나...

티뷰어로 원격 접속하니 해상도가! 고객사에 우분투 서버를 납품하고 원격으로 팀뷰어를 들어갔다. 그런데, 모니터가 연결이 안되서 그런지 해상도가 1024 * 768 이 최대로 밖에 선택이 안된다. 터미널이나 ssh로 접근해서 작업하는 건...

RN build error by ruby 어제 @Leona(이윤영) 가 React Native 신규 프로젝트를 만들었는데 pod install하면 오류가 발생했다. 내 Macbook에서 RN 새프로젝트를 만들면 어떻게 되는지 확인을 했다. PART1 $npx react-native init...

초미립자 팁 5 - MS Edge 브라우저에서 figma 안열림 지극히 개인적인 취향으로 MS Edge를 사용 중인데, Edge에서는 Figma가 열리지 않는다. 아래 그림과 같이 Figma.com을 추가해주면 열린다.

Asus Edge R 보드에 Docker 설치하기 SDcard에 Debian 10 이미지 구운 후 부팅 아래 스크립트로 도커 설치 $curl -sSL https://get.docker.com/ | sh 설치 완료 후 아래와 같은 에러 발생 시...

초미립자 팁 4 - useFormik & validateOnMount 사용 시 무한 루프 문제 회원 가입화면에서 useFormik을 사용하고 있다. 보통 validateOnMount를 사용해서 화면 진입할 때 자동으로 validation을 해서 next나 submit 버튼을 비활성화...

무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (2/2) 목차 들어가면서 도커 이미지 생성 도커 이미지 업로드 쿠버네티스에서 컨테이너 저장소 이미지 사용하기 마치며 Reference 들어가면서 분량이 너무 길어져 1편을 작성한 뒤...

RN tailwind custom font family 적용 Github Link: https://github.com/jaredh159/tailwind-react-native-classnames 무스마에서 RN 개발 시 Tailwind를 사용한다. 그 중에 사용하는 라이브러리는 https://github.com/jaredh159/tailwind-react-native-classnames 인데, 해당 라이브러리 사용할 경우 custom font family를 적용하는 방법에...