반응형 Dev. Yelee ˗ˋˏϟˎˊ˗99 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. day.js (Javascript 날짜 라이브러리) 사용법 날짜 라이브러리로 많이 쓰이는 moment.js 보다 약 33배나 가벼운 day.js 라이브러리 사용법에 대해 포스팅해보겠습니다 ✔️ 설치 dayjs 2KB immutable date time library alternative to Moment.js with the same modern API . Latest version: 1.11.7, last published: 5 months ago. Start using dayjs in your project by running `npm i dayjs`. There are 11592 other projects in the npm registry using d www.npmjs.com npm i dayjs --save // npm 사용할때 yarn add day.. 2023. 5. 16. rem과 em의 차이 1. rem 기준값의 배수로 표현한 크기. 기준값은 최상위 요소에 지정된 font-size이다 대체로 html, body에 기준값이 선언된다 html { font-size : 16px } div.container{ font-size : 2rem // 32px } div.container > div.contents { font-size : 2rem // 32px } 최상위 요소인 html에 font-size 기준값이 16px로 선언되어 있고 하위 요소에 선언된 2rem은 16px * 2 = 32px의 폰트 사이즈를 가지게 된다 2. em em도 rem과 동일하게 기준값의 배수로 표현하는 단위이다. rem과 차이점은 기준값이 최상위 요소가 아닌 현재 요소에 선언된다는 점이다. div { font-size: .. 2023. 5. 8. 이전 1 2 3 4 5 6 7 ··· 25 다음 반응형
