typescript3 typescript를 사용할 때 react에서 useRef를 사용하는 법. 문제 velopert의 튜토리얼을 진행하던 중 문제에 봉착했다. 이 튜토리얼에서는 useRef를 사용하여 input DOM을 선택하여 어떤 버튼을 눌렀을 때에 input에 focus가 되도록 하는 법을 가르쳐 준다. 이 코드의 일부를 가져와보겠다. const nameInput = useRef(); const onChange = (event) => { const { name, value } = event.target; //... }; // ... // ... typescript를 사용할 때에는 처음 nameInput을 선언시 type을 지정해줘야한다. input의 ref로 들어가는 변수의 type, onChange 에 들어갈 인자의 type을 알기 힘들다는 문제에 부딧혔다. 해결 userRef()를 넣어서.. 2021. 10. 1. typescript 파일 실행시키기. 적당히 typescript 파일을 하나 만들자. // study.ts const arrow2 = (a: number, b: number) => { console.log(a); console.log(b); }; arrow2(1, 2); npm install -g @types/node typescript ts-node를 통해 node와 typescript, ts-node를 받는다. ts-node study.ts로 실행시킨다. tsc study.ts를 통해 js로 컴파일한 후 node study.js로 실행 시키는 방법도 있다. 2021. 9. 12. 노마드 코더 nestjs 강의 정리2 (세팅) nestjs cli 설치 npm i -g @nestjs/cli 다음을 입력하면 nestjs client의 설치가 시작된다. 하지만 권한이 없다고 한다... sudo npm i -g @nest/cli sudo로 관리자 권한을 주자!! 이번에는 성공했다. nest 프로젝트 만들기 nest new 로 새 프로젝트를 만들자. 프로젝트 이름을 정하고 어떤 패키지 매니저를 사용할 것인지 물어보면 npm을 선택하자. (yarn에서 문제가 약간 있다고 한다. 나는 yarn을 쓰는 버릇을 들이려고 했는데 여기서는 일단 npm을 사용하자) git origin 연결 nest 프로젝트를 만들면 기본적으로 git이 만들어진다. github에서 깃 레포지터리를 만든 후 연결하자. github에서 레포지터리를 만든 후 주소를 복사.. 2021. 8. 1. 이전 1 다음
