pm2란? Node.js의 프로세스 매니저 Node.js 애플리케이션을 무중단으로 운영 pm2 install npm install -g pm2 pm2 start pm2 start <filename> pm2 start <filename> --name=<app name> 파일명+확장자로 바로 실행하...

폰트 변경 File > Preperences > Settings 혹은 Ctrl + , 한국어 기준으로 텍스트 편집기 > 글꼴 항목에서 폰트 수정 줄간격 변경 settings.json 파일에 원하는 lineHeight 추가 "editor.lineHeight": 19, [VSCode] 터미널 폰트, 글자 크기 변경하기

Inquirer 설치 npm i inquirer Prompt 생성 js 파일 생성 후 아래 코드 입력 const inquirer = require("inquirer"); inquirer .prompt([ { name: "faveReptile", message: "What is your favorite repti...

환경 변수란? 어느 환경에 배포하느냐에 따라서 다르게 설정해야 하는 항목은 보통 운영 체제 레벨에서 환경 변수를 통해 관리 DB password나 API key와 같은 인증 정보는 공개된 코드 저장소에 올리면 안 되기 때문에 환경 변수로 저장해놓고 사용하는 것이 일반적이다. 환경 변수 접근 Node.js에서...

이슈 storage에 저장된 figure로 redraw() 메서드 실행하는데 그려지지 않음 setTimeout 걸고 redraw 하면 잘 됨 videoSize가 바뀌면서 canvas의 width, height가 바뀌어서 그리기 내역 초기화 된 듯함 해결방법 canvas 엘리먼트의 wi...

git 설치 sudo apt install git 버전 확인 git --version node.js 설치 sudo apt-get update sudo apt-get install -y build-essential sudo apt-get install curl 이 링크에서 node 버전 확인 후 아래 명령어에서 원하는 버전 입력 c...

‘never’ 형식에 ‘focus’ 속성이 없습니다. const inputRef = useRef<HTMLInputElement>(null); if (inputRef.current) inputRef.current!.focus(); ‘Timeout’ 형식은 ‘number’ 형식에 할당할 수 없습니다. const timerRef: { cu...

타입스크립트로 리팩토링 하던 도중, yarn start로 앱을 실행하면 tsconfig.json 파일이 자동으로 수정되어버림; 타입스크립트 사용 버전을 workspace로 바꿔도 동일 현상 지속. 가장 바깥 경로에 .env 파일을 생성하고 아래 코드 추가 후 저장해도 똑같음. DISABLE_NEW_JSX_TRANSFORM: true; 결국...

툴팁 등을 만들 때 부모 요소의 가운데에 배치시키려면 아래처럼 작성한다. position: absolute; left: 50%; transform: translateX(-50%); left: 50%은 부모 크기의 50%만큼 이동하고, transform: translateX(-50%)은 요소 크기의 50% 만큼 이동한다. 둘을 함께 사용해야 ...

useUpdateEffect 첫 번째 호출은 무시하고 이후에 실행, 나머지는 useEffect와 동일 두 번째 인자로 상태값을 넣어봤다. 첫 렌더링 시에는 아예 호출되지 않는다. 이후 이벤트나 함수를 통해 상태값을 변경한 후에야 실행된다. 원래 사용 목적은 처음에 context의 상태값을 가져올 때 초기값인 0이 넘어오는 것을 건너뛰려는 목적...