본문 바로가기

분류 전체보기

(15)
npm patch-package 사용법 각국의 개발자들이 만들어 놓은 npm 라이브러리들을 이것저것 사용하다보면 내 입맛에 맞게 패키지를 바꿔야 할 경우가 생기거나, 또는 사용하고 있는 패키지의 주인이 잠적하는 경우가 있다. 이럴 경우 어떻게든 빠르게 땜빵(?)을 해야하는 경우 내 node_modules 에 들어있는 라이브러리를 억지로라도 고쳐서 대응해야하는 경우가 곧잘 발생하곤 한다. 이럴때 patch-package 를 사용하면 좋다. https://github.com/ds300/patch-package GitHub - ds300/patch-package: Fix broken node modules instantly 🏃🏽‍♀️💨 Fix broken node modules instantly 🏃🏽‍♀️💨. Contribute to ds300/p..
git init 취소하기 개발을 하다보면 git init 을 잘못 써서 원래 git 관리를 하려는 폴더가 아니라 엉뚱한 폴더에 'master' 브랜치가 생성되는 경우가 있다. 이럴 경우 당황하지 말고 다음과 같이 해결하면된다. $ ls -al .git 폴더가 생겼음을 확인하고 아래의 명령어를 통해 폴더를 지워주면 된다. $ rm -r .git/
Sourcetree 사용 중 diff 가 느린 경우 웹 및 앱 개발 또는 서버 개발을 하다보면 git 을 당연스레 많이 사용하게 된다. 그 중에 나는 git 사용 중 많은 처리를 sourcetree 를 이용하여 하는데 가끔씩 package-lock.json 이나 기타 자동으로 만들어지는 파일들이 원치않게 코드 변화를 보여주려고 하여 sourcetree 앱이 느려지는 경우가 많이 있었다. 꽤나 오랜 기간동안 이 파일을 무시하는 방법을 몰라서 고생하였으나 방법은 간단했다. 파일 패턴 무시에 원하는 파일을 넣으면 된다. 필자의 경우 package-lock.json 이나 yarn.lock 등을 넣어주니깐 한결 편해졌다.
Node.js express winston logger 설치 및 운영 Node.js 를 개발할 때는 주로 console.log 나 console.warn, error 등을 써가면서 버그를 찾고 개발하곤 했다. 하지만 고객의 수가 늘어나고 이런저런 문제를 접하다 보니 안정적인 로깅 환경을 위해 winston 과 같은 전문 logging 시스템을 도입하고자 했다. 이를 사용하는 방법과 필자가 사용한 세팅에 대해서 설명하고자 한다. https://github.com/winstonjs/winston GitHub - winstonjs/winston: A logger for just about everything. A logger for just about everything. Contribute to winstonjs/winston development by creating an ..
JS 여집합 찾아내기. const A = [1, 2, 3, 4]; const B = [1, 3, 5, 7]; const diff = A.filter((x) => !B.includes(x)); console.log(diff); // [2, 4] ES6 의 'Set' 을 이용한 방법은 다음과 같다. let a = new Set([1, 2, 3, 4]); let b = new Set([1, 3, 5, 7]); let a_minus_b = new Set([...a].filter((x) => !b.has(x))); let b_minus_a = new Set([...b].filter((x) => !a.has(x))); let a_intersect_b = new Set([...a].filter((x) => b.has(x))); consol..
리액트 네이티브 - 기본 폰트 크기 문제 앱을 개발하다보니 안드로이드 기기에 따라 디자인에 맞춰 제작한 폰트 크기가 이상하게 크게 나타나는 현상을 발견하였다. 스택오버플로우를 검색해본 결과 기본적으로 사용하는 컴포넌트에 allowFontScaling 프로퍼티가 다음과 같이 default: true 로 되어있는 것을 알 수 있었다. 생각보다 많은 고객들이 폰 설정의 폰트 크기를 크게 쓰는 사람들이 있었고, 이로인해 전반적인 앱 디자인이 우스꽝스럽게 나오는 이슈를 겪게 되었다. 앱 전반적으로 쓰이는 모든 Text 컴포넌트의 allowFontScaling 을 계속 false 로 꺼주는데에는 문제가 있으므로 앱 전반적으로 기본 property 를 변경해주는 defaultProps 방식을 사용하여 이를 해결해주었다. 다음과 같이 React Native에..
리액트 네이티브 앱 아이콘 생성하기 (iOS) 리액트 네이티브로 앱을 다 만들고나면 배포에 앞서서 앱 아이콘을 넣고 싶을 것이다. 이 글에서는 리액트 네이티브로 만든 앱의 iOS 프로젝트에 아이콘을 생성하는 방법을 기술한다. 준비물 - 1024x1024 아이콘. (디자이너에게 부탁하거나 직접 만들자.) - Icon Set Creator (맥북 OSX 환경에 받아서 설치) Icon Set Creator 를 실행시키면 위와 같은 프로그램이 실행된다. 여기에 준비한 1024x1024 아이콘 png 파일을 드래그 드랍하고 go! 버튼을 누른다. 새롭게 사이즈별로 저장될 아이콘 모음이 담길 폴더를 지정하면 iOS/AppIcon.appiconset/ 폴더가 생성되고 그 안에 위와 같이 사이즈 별로 icon 파일들이 생성된다. 리액트 네이티브 프로젝트의 ios ..