[짧은 팁] The engine "node" is incompatible with this module.npmnextThe engine “node” is incompatible with this module. 오랜만에 할 일이 있었는데, 갑자기 에러를 마주하게 되었다. error create-strapi-app@3.5.1: The engine “node” is…nextcreate-next-appcreate-strapi-appnodeerror0시간 전
[짧은 팁] mac env: python: No such file or directory 에러 해결npmmacenv: python: No such file or directory M1 환경에서 gatsby를 사용하려고 했더니 에러가 났다. 관련된 플러그인 모듈들에서 난 것 같다. 는 v0.28.0 부터 apple silicon…sharpmacpythonenverrorgatsby0시간 전
[짧은 팁] jest Cannot find module 'module' from 'src/components/Component.tsx' 에러 해결jestTDD 생활중에 마주한 뜻밖의 상황에 대한 원인과 해결 방법을 공유하고자 한다. jest Cannot find module ‘module…2022.03.06 08:06:01
개츠비 블로그 - 계륵일세..blahblah이 블로그를 만든지도 어느덧 1년 하고도 4개월에 접어들고 있는 것 같은데, 그사이에 많은 것이 변한 것 같다. Gatsby js 홈페이지를 보면 버전도 4대가 된 것 같은데 지금 내가 쓰는 것은 2.3 대… 얼마전에는 sharp…2022.02.07 06:25:52
Gatsby Something went wrong installing the "sharp" module 개츠비 오류gatsbySomething went wrong installing the “sharp” module…gatsbysharp2021.11.19 09:28:13
개발자를 위한 친절한 UI 컴포넌트 라이브러리 만들기 - LINE Developer Days 2021 요약React개발자를 위한 친절한 UI 컴포넌트 라이브러리 만들기 Abstract 우리가 사용하는 다양한 NPM…ReactstorybookTSDocDeclare filemdxtypesciprtLINE dev days 2021line developer days 2021line dev daysline developer days2021.11.17 01:54:06
LINE Creative Lab: HTML5 Canvas로 눈길 끄는 광고 만들기etcLINE Creative Lab: HTML5 Canvas로 눈길 끄는 광고 만들기 Abstract LINE Creative Lab은 사용자가 자신이 만든 콘텐츠를 다른 LINE…etcLINE dev days 2021line developer days 2021line dev daysline developer days2021.11.17 01:54:06
LINE NEWS에서 레이아웃 시프트 문제를 해결한 방법 - LINE Developer Days 2021 요약ReactLINE NEWS에서 레이아웃 시프트 문제를 해결한 방법 Abstract LINE NEWS의 특징 중 하나는 개인 맞춤형 콘텐츠라는 것입니다. 월 154억 PV(2021년…Reactlayout shiftskeletonLINE dev days 2021line developer days 2021line dev daysline developer days2021.11.16 07:02:50
속독을 위한 몇 가지 테크닉 - 페이서, 들여쓰기etc속독은 활자를 읽는 기술이라는 생각을 하게 된다. 몇 가지 알게된 속독하는 테크닉을 정리한다. 다시 돌아가지 않기 고정 (Fixations) Fixations라고 하는데, 눈이 계속 한 페이지에 머물러 있는 상태를 의미한다. 평균 비훈련자는 10~1…속독2021.11.09 07:20:00
vscode.dev! 브라우저에서 VSCode 실행하기vscodevscode.dev(!) 공개 마참내! vscode.dev에 대한 포스트가 공개되었다. vscode가 2019년 당시 도메인이 오픈될 때, 도메인을 구입했고, 로 가리키게 해두었는데, 드디어 URL에 걸맞는 Web IDE…vscodevscode.devgitgit.devsetting syncweb IDEIDE2021.10.25 07:16:20
아이폰13 미니 신지모루 에어로핏 구입하고 버린 후기review아이폰13 미니 신지모루 에어로핏 구입 후기 신지모루 에어로핏 구매를 망설이는 분들께 조금이라도 정보가 되길 바라며 이 글을 작성합니다. 아이폰13 미니 사전주문 GET! 10월 1일 대란이었던 아이폰1…reivewiphone리뷰아이폰신지모루신지모루 에어로핏아이폰 케이스2021.10.16 10:59:34
hoist-non-react-statics/node_modules/@types/react vscode auto import 문제vscodeauto import 여러 기기에서 같은 React 프로젝트 소스 작업을 하고 있었는데, 윈도우 PC에서는 auto import를 잘했는데 맥에서는 이상한 경로로 오토 임포트가 되어서 좀 황당한 일이 있었고 그에 대한 해결책을 공유한다. vscode…vscodetypescriptreactauto import2021.10.15 01:42:24
Javacript Hidden Class와 Inline CachingjavascriptHidden class와 inline caching은 사소해보일 수도 있지만 javascript의 최적의 성능을 위해서 알아두면 좋은 개념인 것 같다. Hidden class javacript…javascripthidden classinline cachingjsjavascript perforamnce2021.10.11 07:39:41
JIRA 칸반 보드에 점들은 대체 무엇일까?JiraJIRA 칸반 보드에 점들은 대체 무엇일까? 스크럼이나 칸반은 이미 업계 표준이 될 정도로 많이 사용되고 있는 방법론인 것 같다. JIRA 역시 마찬가지로 굉장히 많이 쓰는 툴인 것 같다. 요즘은 취준 전에 JIRA…agilejirakanbandots2021.10.07 06:57:52
module 'telegram' has no attribute 'Bot' 에러 해결 python telegrampythonmodule ‘telegram’ has no attribute ‘Bot’ 텔레그램 봇을 간단하게 만들었다가, 오랜만에 다른 환경에서 돌려야하는데 다음과같은 에러를 발견했고, 그 해결책을 찾아보고자 한다. ImportError: No module…pythontelegram2021.10.04 06:58:07
앤 프로2 Honey and Milk XDA 키캡 교체 후기review저렴하고 예쁜 키보드를 찾는 사람들이라면 한 번쯤 들어봤을 키보드 앤프로…keybiardreview리뷰키보드기계식키보드키캡xda앤프로22021.07.06 06:33:20
4대 거래소 상장 알트코인 쟁글 신용도 평가 - QTUM A- 등급cryptocurrency4대 거래소 공동상장 알트코인 쟁글 신용도 평가 결과 블록스트리트는 쟁글의 알트코인 신용도 평가 중 4대 거래소에 공동으로 상장된 알트코인에 대한 결과를 정리하여 공개 했습니다. 4대 거래소에는 32…blockchainaltcoincryptocurrencyQtum퀀텀2021.06.23 08:01:03
맥에서 vscode auto import가 되지 않을 때vscode잘되던 Auto Import가 왜 갑자기?! 맥환경 vscode에서 갑자기 auto import가 이상하리만큼 잘 안되기 시작했다..?! 다른 많은 유/무료 IDE를 제치고 vscode를 메인 IDE로 사용하고 있는 점 중 하나가 가벼움과 ts…vscodetypescript오토 임포트auto import2021.06.20 11:07:19
NextJS + Typescript + ESLint + Capacitor 세팅을 해보자typescriptNextJSReactESLintCapacitorBackground 사실상 Capacitor가 ionic과 궁합이 좋다지만.. 꼭 ionic을 위해 만들어진 것도 아니다?! 라는 생각이 들어서. 그렇다면 NextJS 세팅에선 어떨까? 하는 생각이 들었다. 그래서 한 번 테스트 해보았다. What…typescriptNextJSReactESLintCapacitor2021.06.14 06:34:49
내가 쓰는 앱이 M1 맥용일까? 인텔용일까? 애플 실리콘용 앱 확인하는 방법mac애플 실리콘용 / 인텔용 확인하는 방법 M1 맥용 앱? 인텔 맥용 앱? m1 맥북 출시후 벌써 반년이 되어가고 있는데, 그동안 국내외 많은 유튜버 등 인플루언서, IT 커뮤니티, 벤치마크 사이트 등을 통해 m…macm1apple silicon2021.05.03 01:29:01
SSH로 git 사용하기gitGithub는 패스워드 기반 인증을 지원하지 않기로 했다. 대표적인 무료 git 저장소인 github가 패스워드기반 인증을 사용하지 않겠다고 발표했습니다. 앞으로는 github를 이용할 때에는 1. 토큰 기반 인증 또는 2. SSH…2021.03.14 08:28:08
Git push error pre-receive hook declined 에러troubleshootinggitgit 푸시 실패: pre-receive hook declined git 브랜치에서 푸시를 하려고 하는데 푸시가 되지 않았다. 하려고 했던 푸시는 force to push였다. pre-receive hook declined…2021.03.02 12:30:04
마참내!! 나에게도 드디어!! 애드센스! - 애드센스 도전기blahblahAdsnese. 마참내!! (마침내 ㅋㅋ) 애드고사 통과! 사실 오랜기간 여러번 도전했으나 여러 실패를 겪고 거의 반 포기하고 있었다.. 그런데 얼마전. 약 일주일전인가? Jekyll 기반의 블로그를 gatsby…adsense2021.02.12 11:53:44
최신버전 mobx mobx-react에서 observer re-render 안될 때react최신버전 mobx mobx-react 패키지 설치 후 observer 리렌더링이 되지 않는다?! 😭 오랜만에 새로운 프로젝트를 세팅하느라 React 프로젝트를 만들고, state 관리로는 MobX…reactmobxmobx-reacttroubleshooting2021.02.11 05:40:16
eslint 'React' was used before it was defined @typescript-eslint/no-use-before-define 대처법typescript‘React’ was used before it was defined ? typescript 기반 CRA 프로젝트를 생성한 다음 eslint…typescripteslint2021.02.11 07:53:41
Gatsby 블로그 github에 빌드/배포하기 (Feat. gh-pages)gatsbyGatsby 블로그 github.io로 빌드/배포하기 최근 Jekyll에서 Gatsby로 블로그를 변경했다. 여러가지 이유가 있겠지만 React 사용에 익숙하고, Gatsby…gatsbygh-pagegithub.io2021.02.07 04:43:59
에러 “error fsevents@2.0.7: The platform ”linux“ is incompatible with this module.”, ”error Found incompatible module.”를 만났을 때javascriptcra 프로젝트를 docker를 이용해 빌드하려고 컨테이너에서 을 실행하도록 했는데 다음과 같은 에러를 마주하게 된다. 아무래도 에러는 특정 모듈이 linux…javascriptnodenpmyarndockererror2021.01.17 07:03:58
docker container에서 pm2가 시작하자마자 종료될 때javascript도커 컨테이너에서 pm2를 실행하는 데 바로 꺼질 때 node 프로젝트를 프로덕션 환경에 pm2로 올려보도록 한다. node docker image를 이용해서 docker container…dockerwebpm2nodepm2-runtime2020.12.20 09:51:10
yarn.lock package-lock.json 간 변환javascriptYarn or NPM…javascriptyarnnpmpackagelock2020.12.02 10:11:10
[nginx] nginx.conf 설정으로 프록시 서버 쿠키 설정 추가하기nginxnginx로 프록시 서버를 구성하게 되면, 프록시서버로 연결된 내부 백엔드 구조에서는 등 속성이 위부로 통하는 response에 적용되지 않는 문제가 발생한다. 이럴 때 nginx.conf…nginxwebservercookie2020.11.22 09:01:10
React Portal + Hook으로 외부 DOM에 Component 생성하기reactjavascriptreact-hookportalPortals - React Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공합니다. Why Portal? Portal은 기존 React Component가 담겨있는 DOM Tree…reactjavascriptwebreact-hookportal2020.11.17 05:24:48
JQuery Uncaught TypeError: a.indexOf is not a function 에러처리JQueryㅎㅎㅎ 예전에 네이버 블로그에서 작성했던 글이었는데, 최근 어떤 분이 댓글을 달아두셔서 뿌듯했던 포스트라 이쪽으로 옮겨온다. ㅎㅎㅎ Uncaught TypeError: a.indexOf is not a function JQuery…javascriptwebjqueryloadunloadindexOferror2020.11.13 06:41:58
[mongoose] mongoose paranoid (soft delete) 적용하기 (feat. plugin)mongoosemongoose는 timestamp라는 옵션을 제공한다. plugin은 스키마별로도 적용할 수 있지만, 전역 플러그인(global plugin)으로 모든 schema…mongoosenodejsdbjavascripttypescriptdatabase2020.10.25 02:20:15
[mongoose] mongoose 연결하기mongoosemongoose 시작하기 MySQL과 같은 전통적인 SQL 데이터베이스가 여전히 많이 쓰이고 있고, 나도 꽤 익숙한지라.. mongoDB는 자주 접할 기회기 없었는데, javascript…mongoosenodejsdbjavascripttypescriptdatabase2020.10.25 01:19:25
Jira 스마트 커밋(Smart Commit) 사용하기Jira이슈 관리를 위해 Jira를 사용하고 있다. 일반적으로 Bitbucket과 연동해서 사용하고 있을텐데, 원격 저장소에 커밋을 할 경우 연동된 Jira 이슈에 몇가지 부가적인 기능을 하게 할 수 있다. 이것을 스마트 커밋 (Smart Commit…Jiragitbitbucketcommit2020.10.22 10:05:21
스크럼의 이론과 실천에 대한 가벼운 안내서Software-Engineering이 글은 ScrumPrimer…scurmagilesprintSoftware-Engineering2020.10.13 05:58:53
로컬에서 Jekyll 확인하기 - 기본 Jekyll 커맨드jekyll로멀에서 Jekyll을 설치해서 블로그를 꾸며보기 최근 여유가 좀 있어서 Jekyll…jekyll2020.10.10 07:19:11
Mac OS mds_store 리소스 점유율 문제 해결하기macMac OS mds_store 리소스 점유율 문제 맥북이 점점 느려져서 활성 상태를 보니 mds_store가 CPU, 메모리 등 꽤 리소스를 점유하고 있었다.. 찾아보니 이렇게 mds_store의 리소스 점유율이 높은것은 spotlight…mac2020.10.10 03:01:58
node.js express 서버에 Swagger 끼얹기expressExpress 프로젝트에 Swagger를 달아보자. Swager? Swagger는 RESTful 웹 서비스에서 설계, 구축, 문서화 등을 도와주는 오픈소스 프레임워크라고 볼 수 있다. Spring 프로젝트에서 적용된 사례를 많이 접했는데, node…nodeexpressswagger2020.10.08 09:45:52
MySQL Field를 이용해서 원하는 순서로 정렬하기MySQL쿼리를 짜다보면 일정 특정 필드에 대해 오름차순이나 내림차순 뿐만 아니라 특정 순서를 만들어서 정렬하고 싶을 경우가 있다. 이럴 때 MySQL…MySQL2020.10.06 10:43:59
아직도 console.log만 쓰니? 내 콘솔창과 디버깅 생활에 생기를 불어넣어줄 console APIjavascript, 진짜 그것만으로 충분할까? 아주 오래전 웹 개발에서 Chrome Insepctor…javascriptconsoleweb2020.10.06 10:37:00
Jekyll 포스트를 숨기고 싶을 땐 published!jekyll작성중인 포스트 보여주고 싶지 않아! github에서 Jekyll기반 블로그로 갈아타기 시작하며 몇 가지 장점? 특징?이 있다. 나름 재미를 느끼고 있다. 깃헙의 무료 포스트 테마 등 자유도가 높음 사용하는 IDE를 이용해서 작업하고 github…jekyll2020.10.05 11:12:15
React Hook Form의 watch() vs getValuesjekyllupdateReact Hook Form은 14.7k에 빛나는 리액트용 폼 라이브러리이다. 폼 생성과 검증 등 개발 과정을 간소화할 수 있고, 폼 생성 과정과 코드를 좀 더 규격화 할 수 있다는 장점이 있다. 다른 폼 라이브러리에 비해서 React Hooks…reactreact-hook-formjavascripttypescriptweb2020.10.05 11:11:13