The engine “node” is incompatible with this module. 오랜만에 할 일이 있었는데, 갑자기 에러를 마주하게 되었다. error create-strapi-app@3.5.1: The engine “node” is…

env: python: No such file or directory M1 환경에서 gatsby를 사용하려고 했더니 에러가 났다. 관련된 플러그인 모듈들에서 난 것 같다. 는 v0.28.0 부터 apple silicon…

TDD 생활중에 마주한 뜻밖의 상황에 대한 원인과 해결 방법을 공유하고자 한다. jest Cannot find module ‘module…

이 블로그를 만든지도 어느덧 1년 하고도 4개월에 접어들고 있는 것 같은데, 그사이에 많은 것이 변한 것 같다. Gatsby js 홈페이지를 보면 버전도 4대가 된 것 같은데 지금 내가 쓰는 것은 2.3 대… 얼마전에는 sharp…

…

…

Something went wrong installing the “sharp” module…

개발자를 위한 친절한 UI 컴포넌트 라이브러리 만들기 Abstract 우리가 사용하는 다양한 NPM…

LINE Creative Lab: HTML5 Canvas로 눈길 끄는 광고 만들기 Abstract LINE Creative Lab은 사용자가 자신이 만든 콘텐츠를 다른 LINE…

LINE NEWS에서 레이아웃 시프트 문제를 해결한 방법 Abstract LINE NEWS의 특징 중 하나는 개인 맞춤형 콘텐츠라는 것입니다. 월 154억 PV(2021년…

속독은 활자를 읽는 기술이라는 생각을 하게 된다. 몇 가지 알게된 속독하는 테크닉을 정리한다. 다시 돌아가지 않기 고정 (Fixations) Fixations라고 하는데, 눈이 계속 한 페이지에 머물러 있는 상태를 의미한다. 평균 비훈련자는 10~1…

vscode.dev(!) 공개 마참내! vscode.dev에 대한 포스트가 공개되었다. vscode가 2019년 당시 도메인이 오픈될 때, 도메인을 구입했고, 로 가리키게 해두었는데, 드디어 URL에 걸맞는 Web IDE…

아이폰13 미니 신지모루 에어로핏 구입 후기 신지모루 에어로핏 구매를 망설이는 분들께 조금이라도 정보가 되길 바라며 이 글을 작성합니다. 아이폰13 미니 사전주문 GET! 10월 1일 대란이었던 아이폰1…

auto import 여러 기기에서 같은 React 프로젝트 소스 작업을 하고 있었는데, 윈도우 PC에서는 auto import를 잘했는데 맥에서는 이상한 경로로 오토 임포트가 되어서 좀 황당한 일이 있었고 그에 대한 해결책을 공유한다. vscode…

Hidden class와 inline caching은 사소해보일 수도 있지만 javascript의 최적의 성능을 위해서 알아두면 좋은 개념인 것 같다. Hidden class javacript…

…

JIRA 칸반 보드에 점들은 대체 무엇일까? 스크럼이나 칸반은 이미 업계 표준이 될 정도로 많이 사용되고 있는 방법론인 것 같다. JIRA 역시 마찬가지로 굉장히 많이 쓰는 툴인 것 같다. 요즘은 취준 전에 JIRA…

module ‘telegram’ has no attribute ‘Bot’ 텔레그램 봇을 간단하게 만들었다가, 오랜만에 다른 환경에서 돌려야하는데 다음과같은 에러를 발견했고, 그 해결책을 찾아보고자 한다. ImportError: No module…

저렴하고 예쁜 키보드를 찾는 사람들이라면 한 번쯤 들어봤을 키보드 앤프로…

4대 거래소 공동상장 알트코인 쟁글 신용도 평가 결과 블록스트리트는 쟁글의 알트코인 신용도 평가 중 4대 거래소에 공동으로 상장된 알트코인에 대한 결과를 정리하여 공개 했습니다. 4대 거래소에는 32…

잘되던 Auto Import가 왜 갑자기?! 맥환경 vscode에서 갑자기 auto import가 이상하리만큼 잘 안되기 시작했다..?! 다른 많은 유/무료 IDE를 제치고 vscode를 메인 IDE로 사용하고 있는 점 중 하나가 가벼움과 ts…

Background 사실상 Capacitor가 ionic과 궁합이 좋다지만.. 꼭 ionic을 위해 만들어진 것도 아니다?! 라는 생각이 들어서. 그렇다면 NextJS 세팅에선 어떨까? 하는 생각이 들었다. 그래서 한 번 테스트 해보았다. What…

애플 실리콘용 / 인텔용 확인하는 방법 M1 맥용 앱? 인텔 맥용 앱? m1 맥북 출시후 벌써 반년이 되어가고 있는데, 그동안 국내외 많은 유튜버 등 인플루언서, IT 커뮤니티, 벤치마크 사이트 등을 통해 m…

Github는 패스워드 기반 인증을 지원하지 않기로 했다. 대표적인 무료 git 저장소인 github가 패스워드기반 인증을 사용하지 않겠다고 발표했습니다. 앞으로는 github를 이용할 때에는 1. 토큰 기반 인증 또는 2. SSH…

git 푸시 실패: pre-receive hook declined git 브랜치에서 푸시를 하려고 하는데 푸시가 되지 않았다. 하려고 했던 푸시는 force to push였다. pre-receive hook declined…

…

Adsnese. 마참내!! (마침내 ㅋㅋ) 애드고사 통과! 사실 오랜기간 여러번 도전했으나 여러 실패를 겪고 거의 반 포기하고 있었다.. 그런데 얼마전. 약 일주일전인가? Jekyll 기반의 블로그를 gatsby…

최신버전 mobx mobx-react 패키지 설치 후 observer 리렌더링이 되지 않는다?! 😭 오랜만에 새로운 프로젝트를 세팅하느라 React 프로젝트를 만들고, state 관리로는 MobX…

‘React’ was used before it was defined ? typescript 기반 CRA 프로젝트를 생성한 다음 eslint…

Gatsby 블로그 github.io로 빌드/배포하기 최근 Jekyll에서 Gatsby로 블로그를 변경했다. 여러가지 이유가 있겠지만 React 사용에 익숙하고, Gatsby…

cra 프로젝트를 docker를 이용해 빌드하려고 컨테이너에서 을 실행하도록 했는데 다음과 같은 에러를 마주하게 된다. 아무래도 에러는 특정 모듈이 linux…

도커 컨테이너에서 pm2를 실행하는 데 바로 꺼질 때 node 프로젝트를 프로덕션 환경에 pm2로 올려보도록 한다. node docker image를 이용해서 docker container…

Yarn or NPM…

nginx로 프록시 서버를 구성하게 되면, 프록시서버로 연결된 내부 백엔드 구조에서는 등 속성이 위부로 통하는 response에 적용되지 않는 문제가 발생한다. 이럴 때 nginx.conf…

Portals - React Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공합니다. Why Portal? Portal은 기존 React Component가 담겨있는 DOM Tree…

ㅎㅎㅎ 예전에 네이버 블로그에서 작성했던 글이었는데, 최근 어떤 분이 댓글을 달아두셔서 뿌듯했던 포스트라 이쪽으로 옮겨온다. ㅎㅎㅎ Uncaught TypeError: a.indexOf is not a function JQuery…

mongoose는 timestamp라는 옵션을 제공한다. plugin은 스키마별로도 적용할 수 있지만, 전역 플러그인(global plugin)으로 모든 schema…

mongoose 시작하기 MySQL과 같은 전통적인 SQL 데이터베이스가 여전히 많이 쓰이고 있고, 나도 꽤 익숙한지라.. mongoDB는 자주 접할 기회기 없었는데, javascript…

이슈 관리를 위해 Jira를 사용하고 있다. 일반적으로 Bitbucket과 연동해서 사용하고 있을텐데, 원격 저장소에 커밋을 할 경우 연동된 Jira 이슈에 몇가지 부가적인 기능을 하게 할 수 있다. 이것을 스마트 커밋 (Smart Commit…

이 글은 ScrumPrimer…

로멀에서 Jekyll을 설치해서 블로그를 꾸며보기 최근 여유가 좀 있어서 Jekyll…

Mac OS mds_store 리소스 점유율 문제 맥북이 점점 느려져서 활성 상태를 보니 mds_store가 CPU, 메모리 등 꽤 리소스를 점유하고 있었다.. 찾아보니 이렇게 mds_store의 리소스 점유율이 높은것은 spotlight…

Express 프로젝트에 Swagger를 달아보자. Swager? Swagger는 RESTful 웹 서비스에서 설계, 구축, 문서화 등을 도와주는 오픈소스 프레임워크라고 볼 수 있다. Spring 프로젝트에서 적용된 사례를 많이 접했는데, node…

쿼리를 짜다보면 일정 특정 필드에 대해 오름차순이나 내림차순 뿐만 아니라 특정 순서를 만들어서 정렬하고 싶을 경우가 있다. 이럴 때 MySQL…

, 진짜 그것만으로 충분할까? 아주 오래전 웹 개발에서 Chrome Insepctor…

작성중인 포스트 보여주고 싶지 않아! github에서 Jekyll기반 블로그로 갈아타기 시작하며 몇 가지 장점? 특징?이 있다. 나름 재미를 느끼고 있다. 깃헙의 무료 포스트 테마 등 자유도가 높음 사용하는 IDE를 이용해서 작업하고 github…

React Hook Form은 14.7k에 빛나는 리액트용 폼 라이브러리이다. 폼 생성과 검증 등 개발 과정을 간소화할 수 있고, 폼 생성 과정과 코드를 좀 더 규격화 할 수 있다는 장점이 있다. 다른 폼 라이브러리에 비해서 React Hooks…

Jekyll 테마를 바꿔보기