반응형 전체 글93 자바스크립트(Javasciript) 나누기 몫 구하기 1. Math.floor() 소수점 이하를 버리는 method var q = Math.floor(13 / 5) console.log(q) // 2 2. Math.trunc() 소수점 이하를 전부 삭제하고 정수를 return하는 method var q = Math.trunc(13 / 5) console.log(q) // 2 3. parseInt 정수로 return 하는 method var q = parseInt(13 / 5) console.log(q) // 2 4.~~(num1/num2) 더블 틸트 연산자 var q = ~~(13 / 5) console.log(q) // 2 속도는 4 > 1 > 3 (빠름->낮음) 이라고 합니다 참고 : https://dev.to/asadm/the-mysterious-do.. 2023. 8. 23. MUI Error :: The `MuiMenuItem` component increases the CSS specificity of the `selected` internal state 📍 문제사항 회사에서 MUI기반의 UI를 사용하고 있는데 Custom이 필요한 부분은 styleOverrides로 수정하고 있다. 여기서 MenuItem의 높이는 38px, selected된 MenuItem의 backgroundColor는 red로 지정하고 싶어 아래와 같이 코드를 작성했다. root 아래 클래스 선택자를 이용하여 style을 입히는 방법도 있지만 selected, disabled등의 키가 자동 import 되기 때문에 아래와 같이 작성했다 MuiMenuItem: { styleOverrides: { root: { height: `38px`, }, selected: { backgroundColor: `red` }, }, }, 그 런 데 .. 콘솔에 아래와 같은 로그가 에러 로그가 찍혔다 클.. 2023. 8. 7. MUI DatePicker 사용하기 (v6) DatePicker를 사용하기 위해서 필요한 패키지를 설치해 준다. 날짜 라이브러리로 moment를 흔하게 사용하지만 MUI에서는 dayjs를 추천하고 있으며 momentjs에 비해 용량이 수십 배나 가볍다! (moment로도 이용가능하긴 하다) yarn add @mui/x-date-pickers // Install date library (if not already installed) yarn add dayjs 1. 기본 사용법 import * as React from 'react'; import { DemoContainer } from '@mui/x-date-pickers/internals/demo'; import { AdapterDayjs } from '@mui/x-date-pickers/Adapt.. 2023. 5. 24. 자바스크립트 object 특정 값 삭제하기 (delete 연산자, 깊은 복사, 비구조화 할당) 1. delete 연산자 이용하기 let obj = {a:0, b:1, c:2} delete obj.a; console.log(obj); 위 방법을 사용하면 객체에서 특정값만 삭제는 가능하지만 완전 삭제가 아닌 특정값이 삭제된 또 다른 object가 필요할 때가 있다. 2. 깊은 복사 후 delete 연산자 이용하기 let obj = {a:0, b:1, c:2} let copy = JSON.parse(JSON.stringify(obj)); delete copy.a; console.log(copy); 이 경우에 obj를 깊은 복사 후에 delete 하면 특정값이 삭제된 새로운 오브젝트를 만들 수 있다 (깊은 복사에는 여러 방법이 있는데 위 예제는 JSON 객체를 이용해서 깊은 복사를 했다) 3. 비구조화 .. 2023. 5. 23. 이전 1 2 3 4 5 ··· 24 다음 반응형
