[MUI] TextField에서 숫자 maxlength적용하기
2023. 3. 8. 22:20
개발/Javascript
maxLength도 써야하고 숫자타입의 번호판도 띄워야해서 어떻게 해야하나 싶었다. maxLength는 input type="number"에서는 적용이 안된다. 그럴때 inputProps를 위와같이 설정해주면 숫자 4자리도 적용되고 text타입일때 나오는 글자판이아닌 숫자판이 키패드로 떠오르게된다.
[Node] NVM으로 Node 버전 관리하기
2023. 2. 19. 23:46
개발/Javascript
NVM? Node Version Manger의 약자로 여러 버전의 Node.js 설치 및 버전을 관리해주는 도구다. 여러 프로젝트에서 다른 노드 버전을 사용할 때 NVM으로 관리하면 편하게 프로젝트마다 버전을 설정할 수 있다. Mac을 사용할때는 brew를 사용해 NVM을 설치했다. 윈도우에서 NVM을 사용하려면 Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위 깃헙에 들어가서 다운로드 하면된다 주의사항 NVM 설치 전 꼭 프로그램추가/제거에서 Node.js 를 삭제해야한다. 안그러면 충돌..
[Javascript] Promise; 프로미스
2023. 2. 17. 08:38
개발/Javascript
프로미스? 어떤 연산. 비동기 연산이 최종적으로 완료 혹은 성공했는지 실패했는지 알려주는 객체 요청을 보내 다른위치에서 데이터를 받을 때 주로 사용 (IMDB API, Nexflix API 등..) 시간이 오래걸리거나 접속이 안될 때, 접근권한이 없거나 URL을 잘못쓰거나 API 또는 인터넷이 다운됐을때 등등 여러가지 상황에서 실패할 수 있는데, 그럴 때 자주 사용한다. 프로미스의 상태 pending: 대기 resolved: 성공 rejected: 실패 resolved, rejected에 따라 다른 기능을 수행하게된다. const fakeRequestPromise = (url) => { return new Promise((resolve, reject) => { const delay = Math.floor..
[Javascript] event.target과 event.currentTarget의 차이
2023. 1. 22. 17:31
개발/Javascript
화면작업도중 버튼클릭시 event.target.value로 아무 값도 들어오지 않고있었다. 혹시나해서 event.currentTarget.value를 적었더니 알맞은 값이 들어오고있었다. 문제는 해결되었지만 왜? 왜? 어떤상황에서는 currentTarget을 쓰고 어떤 상황에는 target을 쓰는지 궁금해졌다. currentTarget vs target const propsButtonCheckWho = (event) => { console.log(event.currentTarget) console.log(event.currentTarget.value) console.log(event.target) console.log(event.target.value) } ...JSX리턴문 123가 2456 일단 두 차..
[node] package.json
2023. 1. 21. 23:23
개발/Javascript
새로운 프로젝트에 참여하게 됐다. 깃 초기화부터 npm 프로젝트 생성까지 하나하나 직접 만들어야한다. npm init으로 package.json 을 생성하니 { "name": "mobile-server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 이렇게 허전한 package.json이 만들어졌다. 기존 프로젝트들을 보니 browserlists, engines, eslintconfig, resolutions, keywords 등등 많은 키들이 있었다. 어떤거를 ..