무스마 기술블로그
상상 그 이상의 놀랍고도 즐거운 개발 이야기
-
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에 대한 이야기를 하던 중 하상엽...
-
컴퓨터 네트워크 맛보기
들어가기 전에… 저는 문과 출신 비전공 개발자 입니다. 뒤늦게 개발에 흥미가 생겨 공부를 시작했고, 경험없는 신입이라 최소한 한두달은 면접에서 떨어질 각오를 하고 여러 회사에 지원했는데, 감사하게도 그 중 처음으로 면접을...
-
Node.js 개발자를 위한 Python 급하게 배워보기 - (2/3)
파이썬과 DevOps 옛날에 JavaEE 노인들은 J2EE라고 불렀고, 요즘에는 Jakarta EE라는 더 존재감 없는 이름으로 부르는 라는 동네의 WAS 제품으로 IBM WebSphere와 Oracle WebLogic이라는 물건이 있었습니다. 지금은 알아도 별로 영양가 없는...
-
Node.js 개발자를 위한 Python 급하게 배워보기 - (1/3)
무스마와 파이썬 파이썬은 개발자는 물론 비개발자 그룹에서도 두루 사용하는, 세계적으로 인기 있는 프로그래밍 언어 중의 하나입니다. 서점을 가봐도 파이썬 책이 한 칸을 다 차지하고 있을 정도로(기본서, 데이터과학, 머신러닝, 증권매매(?), …)...