여러 기기에서 같은 React 프로젝트 소스 작업을 하고 있었는데, 윈도우 PC에서는 auto import를 잘했는데 맥에서는 이상한 경로로 오토 임포트가 되어서 좀 황당한 일이 있었고 그에 대한 해결책을 공유한다. vscode에서 FC 나 useState 등 리액트의 특정 기능들을 import 하려고 하면 hoist-non-react-statics/nod...

맥환경 vscode에서 갑자기 auto import가 이상하리만큼 잘 안되기 시작했다..?! 다른 많은 유/무료 IDE를 제치고 vscode를 메인 IDE로 사용하고 있는 점 중 하나가 가벼움과 ts와의 궁합으로 auto complete과 auto import를 강력하게 지원한다는 것이었는데.. 대체 이유가 뭘까? 몇가지 환경 체크를 했다. tsconfig...

사실상 Capacitor가 ionic과 궁합이 좋다지만.. 꼭 ionic을 위해 만들어진 것도 아니다?! 라는 생각이 들어서. 그렇다면 NextJS 세팅에선 어떨까? 하는 생각이 들었다. 그래서 한 번 테스트 해보았다. Capacitor는 웹플랫폼에서 네이티브 기능을 사용해 줄 수 있는 플러그인들을 제공하는 라이브러리다. 크로스플랫폼 네이티브 런타임이라고 ...

typescript 기반 CRA 프로젝트를 생성한 다음 eslint르 적용을 다음과 같이 적용했는데, 다음과 같은 어이없는 메시지를 발견하고 말았다. 정의 전에 React가 사용되었다고? 무슨말인지...🤯 일반적으로 no-use-before-define은 변수 선언 전에 변수가 사용되는 경우를 탐지하고 그 잠재된 위험을 발견하기 위한 워닝이다. 이런 워닝...

mongoose는 timestamp라는 옵션을 제공한다. plugin은 스키마별로도 적용할 수 있지만, 전역 플러그인(global plugin)으로 모든 schema에 대해서도 적용이 가능하다. 이제부터 delete를 기록하기 위해서는 delete만을 사용한다. remove는 document를 완전히 삭제할 때 사용한다.

MySQL과 같은 전통적인 SQL 데이터베이스가 여전히 많이 쓰이고 있고, 나도 꽤 익숙한지라.. mongoDB는 자주 접할 기회기 없었는데, javascript와의 찰떡 궁합이라는 이야기에 욕심내서 공부겸.. 사용해보려고 한다. mongoose는 mongoDB의 ODM 라이브러리이다. ODM은 Object-Document Mapper로, ORM(Objec...

React Hook Form은 14.7k에 빛나는 리액트용 폼 라이브러리이다. 폼 생성과 검증 등 개발 과정을 간소화할 수 있고, 폼 생성 과정과 코드를 좀 더 규격화 할 수 있다는 장점이 있다. 다른 폼 라이브러리에 비해서 React Hooks 형태로 사용할 수 있다는 점과 빠르다는 장점도 있다. 또한, 문서가 굉장히 잘 구성되어있다.ㅎㅎ (완벽하지는 않...