무스마 기술블로그
상상 그 이상의 놀랍고도 즐거운 개발 이야기
-
쿠버네티스 컨테이너 이슈 대응
개요 2023년 4월 3일부터 쿠버네티스 프로젝트의 레지스트리가 기존 k8s.gcr.io 레지스트리에서 새로운 레지스트리인 registry.k8s.io 레지스트리로 변경됨에 따라 k8s.gcr.io 레지스트리를 참조하는 이미지에 대한 지원이 중단되었습니다. 이에 따라 기존 이미지들에 대해 배포가 중단되거나...
-
우분투 해상도 추가
티뷰어로 원격 접속하니 해상도가! 고객사에 우분투 서버를 납품하고 원격으로 팀뷰어를 들어갔다. 그런데, 모니터가 연결이 안되서 그런지 해상도가 1024 * 768 이 최대로 밖에 선택이 안된다. 터미널이나 ssh로 접근해서 작업하는 건...
-
React Native build error by ruby
RN build error by ruby 어제 @Leona(이윤영) 가 React Native 신규 프로젝트를 만들었는데 pod install하면 오류가 발생했다. 내 Macbook에서 RN 새프로젝트를 만들면 어떻게 되는지 확인을 했다. PART1 $npx react-native init...
-
개발 초미립자 팁(5)
초미립자 팁 5 - MS Edge 브라우저에서 figma 안열림 지극히 개인적인 취향으로 MS Edge를 사용 중인데, Edge에서는 Figma가 열리지 않는다. 아래 그림과 같이 Figma.com을 추가해주면 열린다.
-
Asus Edge R 보드에 Docker 설치하기
Asus Edge R 보드에 Docker 설치하기 SDcard에 Debian 10 이미지 구운 후 부팅 아래 스크립트로 도커 설치 $curl -sSL https://get.docker.com/ | sh 설치 완료 후 아래와 같은 에러 발생 시...
-
개발 초미립자 팁(4)
초미립자 팁 4 - useFormik & validateOnMount 사용 시 무한 루프 문제 회원 가입화면에서 useFormik을 사용하고 있다. 보통 validateOnMount를 사용해서 화면 진입할 때 자동으로 validation을 해서 next나 submit 버튼을 비활성화...
-
무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (2/2)
무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (2/2) 목차 들어가면서 도커 이미지 생성 도커 이미지 업로드 쿠버네티스에서 컨테이너 저장소 이미지 사용하기 마치며 Reference 들어가면서 분량이 너무 길어져 1편을 작성한 뒤...
-
RN에서 tailwind 사용 시 custom font 적용하기
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)
초미립자 팁 3 - VSCODE에서 ctrl + 클릭 (CMD + 클릭) 시 정의로 바로 이동하기 VSCODE로 개발할 때 컴포넌트, 함수 등을 CMD + 클릭하면 정의에 대해서 아래 그림과 같이 창이...
-
npm scripts 자동완성
배경 점점 많아지는 npm scripts들 외우기도 힘들고 의미도 없고 알아서 자동 완성해주면 좋겠다. "scripts": { "start": "react-scripts -r @cypress/instrument-cra start", "cy": "cypress open", "cy:run": "cypress run --spec \"cypress/integration/**\"", "nyc:report": "npx...
-
Code Push 사용하기
들어가며 모바일에서 버튼 텍스트좀 변경해주세요. 얼마나 걸릴까요? 정말 간단한 요청 사항이지만, 얼마의 시간이 소요될 지 알 수 없습니다. Play Store의 앱 검수 시간을 예측 할 수 없기 때문입니다. React Native를...
-
React SVG 다루기
들어가며 우리에게 가장 친근한 비트맵 이미지(jpeg, jpg, png)는 사각형의 픽셀이 모여 만들어진 이미지 이기 때문에 확대시 계단현상과 깨짐현상이 나타납니다. SVG는 벡터 기반으로 각 좌표에 점을 이어서 만들기 때문에 비트맵 이미지와는...
-
React-native for testing by testing-library (part 1)
RN을 테스트 진행하는 방법을 따라해 봅시다. 아래에 사용된 코드들은 아래 소스코드 링크에서 확인 할 수 있습니다. 소스코드 테스트용 프로젝트 만듭니다. $npx react-native init testingRn 설치된 패키지를 봅시다. # package.json {...
-
개발 초미립자 팁(2)
초미립자 팁 2 - React-native 실행 할 때, METRO 화면을 VSCODE의 통합 터미널에서 실행 RN을 VSCODE에서 실행하면 METRO 화면이 새로운 터미널 창에서 뜬다. 사실 창을 많이 뜨우면 해당 터미널 찾아서...
-
개발 초미립자 팁(1)
초미립자 팁 1 - git upstream git 명령어 중에 upstream 이라는 기능은 없다. 정확하게는 새로운 repo의 remote에 기존 repo를 참조해서 추가하는 기능이다. 보통 다른 repo에서 또 다른 repo로 이동할 때...
-
메타버스(metaverse)를 알고 있나요?
메타버스(metaverse)를 알고 있나요? 목차 메타버스 무엇? 어떤 것들이 있는고? 필요한 기술은? 앞으로는 어떤가요? 메타버스 무엇? 메타버스란 단어에 대해서 많은 정의가 있지만 최초로 개념과 용어가 등장하는 곳은 스티븐슨(Neal Stephenson)의 소설 스노우...
-
무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (1/2)
무스마 백엔드 살펴보기 - 개발환경 세팅부터 배포까지 (1/2) 목차 글을 쓴 이유 개발환경 세팅 프로젝트 생성 기능 구현 바이너리 생성 정리 글을 쓴 이유 저는 대학생 때부터 무스마에 입사하기 전까지...
-
EKS에서 EFS 사용하기
왜 EFS를 사용하게 되었는가? 무스마의 기존 프로젝트는 가용 영역을 하나만을 사용하여 진행 중이었습니다. 그래서 가용 영역 하나의 접근만을 지원하는 EBS를 사용 중이었으나 새로 시작하는 프로젝트는 여러 가용 영역에서 볼륨의 접근이...
-
AWS Amplify 톺아보기
해당 게시글은 AWS Amplify 가이드를 따라 진행하며 작성하였습니다. 들어가며 AWS Amplify는 AWS 리소스들을 가용하여 손쉽게 프론트-백엔드, 호스팅, 배포까지 풀스택으로 애플리케이션을 개발하도록 돕는 서비스의 집합입니다. Amplify에 대한 이야기를 하던 중 하상엽...
-
컴퓨터 네트워크 맛보기
들어가기 전에… 저는 문과 출신 비전공 개발자 입니다. 뒤늦게 개발에 흥미가 생겨 공부를 시작했고, 경험없는 신입이라 최소한 한두달은 면접에서 떨어질 각오를 하고 여러 회사에 지원했는데, 감사하게도 그 중 처음으로 면접을...