I'm sw engineer!

var startTime = moment('2024-08-09T08:00:00');var endTime = moment('2024-08-10T10:30:45');var duration = moment.duration(endTime.diff(startTime));var days = Math.floor(duration.asDays());var hours = duration.hours();var minutes = duration.minutes();var seconds = duration.seconds();console.log(days + "일 " + hours + "시간 " + minutes + "분 " + seconds + "초");// 출력: 1일 2시간 30분 45초

moment.js 라이브러리에서는 두 날짜 또는 시간 간의 차이를 구할 때 diff() 함수를 사용합니다. 이 함수는 두 시간 간의 차이를 지정된 단위(예: milliseconds, seconds, minutes, hours, days, etc.)로 반환합니다. moment(date1).diff(moment(date2), unit, true); date1: 비교할 첫 번째 날짜/시간 (moment 객체 또는 날짜 문자열).date2: 비교할 두 번째 날짜/시간 (moment 객체 또는 날짜 문자열).unit: 차이를 구할 단위 (예: 'seconds', 'minutes', 'hours', 'days', 'months', 'years' 등). 이 매개변수는 선택 사항이며, 기본값은 'milliseconds..

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled Promise.allSettled() - JavaScript | MDNThe Promise.allSettled() static method takes an iterable of promises as input and returns a single Promise. This returned promise fulfills when all of the input's promises settle (including when an empty iterable is passed), with an array of objects that ddev..

https://velog.io/@sunkim/Javascript-e.target%EA%B3%BC-e.currentTarget%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 [Javascript] e.target과 e.currentTarget의 차이점블로그를 보면서 타입스크립트를 공부하다가 e.target과 e.currentTarget이 다르다는 것을 알고, 무엇이 어떻게 다른지 개념을 이해하고자 정리해본다.event.currentTarget == the element to which the event handlevelog.io

객체가 컬렉션으로 사용되는 경우 콜백에 키-값 쌍이 매번 전달됩니다.var obj = { "flammable": "inflammable", "duh": "no duh"};$.each( obj, function( key, value ) { alert( key + ": " + value );});  다시 말해서, 이는 두 가지 메시지를 생성합니다. https://api.jquery.com/jQuery.each/ jQuery.each() | jQuery API DocumentationDescription: A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and ar..

JavaScript에서 객체를 복사하는 방법에는 여러 가지가 있습니다.주어진 예제에서 let cvtData = { ...data };와 let cvtData = data;의 차이점은 다음과 같습니다:  Spread 문법을 사용한 객체 복사 ({ ...data }):복사 방식: Spread 문법을 사용하여 객체 data를 복사합니다.동작: 새로운 객체가 생성되며, data 객체의 속성들이 새로운 객체에 복사됩니다. 이 과정에서 깊은 복사(deep copy)가 이루어지지 않으며, 속성 값이 객체나 배열인 경우에는 참조 관계가 유지될 수 있습니다.let data = { foo: 'bar' };let cvtData = { ...data };  단순 대입을 통한 객체 참조 (data):복사 방식: 단순히 data..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/bind Function.prototype.bind() - JavaScript | MDNbind() 메소드가 호출되면 새로운 함수를 생성합니다. 받게되는 첫 인자의 value로는 this 키워드를 설정하고, 이어지는 인자들은 바인드된 함수의 인수에 제공됩니다.developer.mozilla.org

ECharts에서 파이 차트의 기본 색상 코드는 다음과 같이 설정됩니다. 이 색상들은 순서대로 데이터 항목에 적용됩니다:#5470c6#91cc75#fac858#ee6666#73c0de#3ba272#fc8452#9a60b4#ea7ccc이 색상들은 각각 파이 차트의 데이터 항목에 순서대로 적용되며,데이터 항목이 더 많아지면 순환하여 사용될 수 있습니다.

https://echarts.apache.org/examples/en/editor.html?c=sunburst-borderRadius Examples - Apache ECharts echarts.apache.org

https://imswengineer.tistory.com/770 [JS][Quill] quill editor - 자동 글머리기호 완성 비활성화 하기https://stackoverflow.com/questions/43008547/how-to-disable-automatic-bullets-in-quill How to disable automatic bullets in Quill Just started using Quill and find it very useful. My projects require plain text editing. Specifically I'm using quill as a forimswengineer.tistory.com keyboard: { bindings: { ..