728x90
반응형

Front/JS & jQuery 454

[js] Promise 객체 처리

Promise 객체를 처리하려면 then() 또는 async/await 구문을 사용하여 Promise의 결과를 처리해야 합니다.  1. then()을 사용하는 방법: this.rsltData .then(response => { // Promise가 성공적으로 이행된 경우 if (response.status === '000') { console.log({ status: response.status, msg: response.msg, result: response.result.data // data 배열만 출력 }); } else { console.log('오류 발생:', response.msg); } }) .catc..

Front/JS & jQuery 2024.09.07

[jQuery] 이벤트 핸들러 이해하기

1. 오류상황function onChangeTab() { console.log("Tab changed!");}$container.on('click', '.subheader > .sub-nav > .btn', onChangeTab());// "Tab changed!"는 이벤트가 발생하기 전에 이미 실행됨// 이후, 이벤트 발생 시 아무 일도 일어나지 않음 설명: 이 코드에서는 onChangeTab() 함수를 즉시 실행하고, 그 결과 값을 on() 메서드에 전달하려고 합니다.결과: onChangeTab()이 실행된 후, 그 함수의 반환값이 on() 메서드에 전달됩니다.                                                                 만약 onChange..

Front/JS & jQuery 2024.08.27

[jQuery][datepicker] minViewMode

날짜 선택기 라이브러리의 옵션 minViewMode을 사용하면 날짜 선택기가 표시할 수 있는 최소 뷰 레벨을 제어할 수 있습니다. 이는 사용자가 월이나 년과 같이 일별 레벨이 아닌 날짜 범위를 선택하도록 하려는 경우에 특히 유용합니다.예를 들어:minViewMode: 0(기본값): 선택기는 일별 보기로 시작합니다.minViewMode: 1: 선택기는 월별 보기로 시작합니다.minViewMode: 2: 선택기는 연도별 보기로 시작합니다.$('#datepicker').datepicker({ minViewMode: 1, // This will display only months and years. format: 'mm/yyyy' // Format to display only month and yea..

Front/JS & jQuery 2024.08.25

[js] moment.js 라이브러리의 utc() 함수

moment.js 라이브러리의 utc() 함수는 날짜와 시간을 UTC(Coordinated Universal Time, 협정 세계시) 기준으로 설정하거나 변환할 때 사용됩니다. 이 함수는 여러 상황에서 유용하며, 시간대를 처리할 때 특히 중요합니다.주요 기능현재 시간을 UTC로 설정:moment.utc()를 호출하면, 현재 시간을 UTC로 설정한 moment 객체를 반환합니다.var nowUtc = moment.utc();console.log(nowUtc.format()); // 예: "2024-08-09T12:00:00Z" 기존 날짜를 UTC로 변환:기존에 생성된 moment 객체를 utc() 함수를 사용해 UTC 시간으로 변환할 수 있습니다.var localTime = moment('2024-08-..

Front/JS & jQuery 2024.08.16

[js] padStart() 함수

숫자가 한 자리수일 때 앞에 0을 붙여 두 자리로 출력하려면 JavaScript의 padStart() 메서드를 사용할 수 있습니다.ex) 7분 8초 => 07분 08초로 출력하고 싶을 때이 메서드는 문자열이 지정된 길이에 도달할 때까지 다른 문자열을 앞에 추가합니다. var startTime = moment('2024-08-09T08:00:00');var endTime = moment('2024-08-10T10:05:45');var duration = moment.duration(endTime.diff(startTime));var days = Math.floor(duration.asDays());var hours = String(duration.hours()).padStart(2, '0');var min..

Front/JS & jQuery 2024.08.14

[js] moment.js diff() 함수

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..

Front/JS & jQuery 2024.08.12
728x90
반응형