무스마 기술블로그

초미립자 팁 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를 적용하는 방법에...

초미립자 팁 3 - VSCODE에서 ctrl + 클릭 (CMD + 클릭) 시 정의로 바로 이동하기 VSCODE로 개발할 때 컴포넌트, 함수 등을 CMD + 클릭하면 정의에 대해서 아래 그림과 같이 창이...

배경 점점 많아지는 npm scripts들 외우기도 힘들고 의미도 없고 알아서 자동 완성해주면 좋겠다. "scripts": { "start": "react-scripts -r @cypress/instrument-cra start", "cy": "cypress open", "cy:run": "cypress run --spec \"cypress/integration/**\"", "nyc:report": "npx...

들어가며 모바일에서 버튼 텍스트좀 변경해주세요. 얼마나 걸릴까요? 정말 간단한 요청 사항이지만, 얼마의 시간이 소요될 지 알 수 없습니다. Play Store의 앱 검수 시간을 예측 할 수 없기 때문입니다. React Native를...

들어가며 우리에게 가장 친근한 비트맵 이미지(jpeg, jpg, png)는 사각형의 픽셀이 모여 만들어진 이미지 이기 때문에 확대시 계단현상과 깨짐현상이 나타납니다. SVG는 벡터 기반으로 각 좌표에 점을 이어서 만들기 때문에 비트맵 이미지와는...

RN을 테스트 진행하는 방법을 따라해 봅시다. 아래에 사용된 코드들은 아래 소스코드 링크에서 확인 할 수 있습니다. 소스코드 테스트용 프로젝트 만듭니다. $npx react-native init testingRn 설치된 패키지를 봅시다. # package.json {...

초미립자 팁 2 - React-native 실행 할 때, METRO 화면을 VSCODE의 통합 터미널에서 실행 RN을 VSCODE에서 실행하면 METRO 화면이 새로운 터미널 창에서 뜬다. 사실 창을 많이 뜨우면 해당 터미널 찾아서...

초미립자 팁 1 - git upstream git 명령어 중에 upstream 이라는 기능은 없다. 정확하게는 새로운 repo의 remote에 기존 repo를 참조해서 추가하는 기능이다. 보통 다른 repo에서 또 다른 repo로 이동할 때...

메타버스(metaverse)를 알고 있나요? 목차 메타버스 무엇? 어떤 것들이 있는고? 필요한 기술은? 앞으로는 어떤가요? 메타버스 무엇? 메타버스란 단어에 대해서 많은 정의가 있지만 최초로 개념과 용어가 등장하는 곳은 스티븐슨(Neal Stephenson)의 소설 스노우...

무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (1/2) 목차 글을 쓴 이유 개발환경 세팅 프로젝트 생성 기능 구현 바이너리 생성 정리 글을 쓴 이유 저는 대학생 때부터 무스마에 입사하기 전까지...

왜 EFS를 사용하게 되었는가? 무스마의 기존 프로젝트는 가용 영역을 하나만을 사용하여 진행 중이었습니다. 그래서 가용 영역 하나의 접근만을 지원하는 EBS를 사용 중이었으나 새로 시작하는 프로젝트는 여러 가용 영역에서 볼륨의 접근이...

해당 게시글은 AWS Amplify 가이드를 따라 진행하며 작성하였습니다. 들어가며 AWS Amplify는 AWS 리소스들을 가용하여 손쉽게 프론트-백엔드, 호스팅, 배포까지 풀스택으로 애플리케이션을 개발하도록 돕는 서비스의 집합입니다. Amplify에 대한 이야기를 하던 중 하상엽...

들어가기 전에… 저는 문과 출신 비전공 개발자 입니다. 뒤늦게 개발에 흥미가 생겨 공부를 시작했고, 경험없는 신입이라 최소한 한두달은 면접에서 떨어질 각오를 하고 여러 회사에 지원했는데, 감사하게도 그 중 처음으로 면접을...

파이썬과 DevOps 옛날에 JavaEE 노인들은 J2EE라고 불렀고, 요즘에는 Jakarta EE라는 더 존재감 없는 이름으로 부르는 라는 동네의 WAS 제품으로 IBM WebSphere와 Oracle WebLogic이라는 물건이 있었습니다. 지금은 알아도 별로 영양가 없는...

무스마와 파이썬 파이썬은 개발자는 물론 비개발자 그룹에서도 두루 사용하는, 세계적으로 인기 있는 프로그래밍 언어 중의 하나입니다. 서점을 가봐도 파이썬 책이 한 칸을 다 차지하고 있을 정도로(기본서, 데이터과학, 머신러닝, 증권매매(?), …)...

부산정보산업진흥원에서 진행한 “실감 콘텐츠 제작을 위한 라이다(LiDAR) 시스템 교육” 교육에 다녀왔습니다. 교육에 참가하게 된 이유 제가 이런 이벤트가 뜨면 빠지는 사람이 아닙니다. 부산정보산업진흥원 공지사항과 온오프믹스 게시판을 모니터링 하면서 어디 재미있는...

개발자는 개발만 잘 하면 되는가? 저도 어느새 개발 짬밥을 10년 가까이 먹었습니다. 군대로 치면 꺾인 상병 5호봉 같은 느낌으로, 적당히 기합이 빠져서 회사를 설렁설렁 다니고 있습니다. Java 개발자로 시작했지만, 지금은...

문제: 매우 귀찮은 라즈베리파이 초기화 라즈베리파이를 초기화하려면 이런 절차가 필요합니다. SD 카드를 포맷 Raspberry Pi OS 이미지(혹은 Ubuntu 등)를 SD카드에 쓰기 SD카드를 라즈베리파이 보드에 삽입 라즈베리파이 보드에 붙은 HDMI 포트로...