본문 바로가기

Frontend/JavaScript25

[JavaScript] toISOString()을 활용한 현재 날짜 20XX-XX-XX 출력 방법 const getStringDate = (date) => { return date.toISOString().slice(0,10); } let currentDate = getStringDate(new Date()); console.log(currentDate); 참고문서 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString Date.prototype.toISOString() - JavaScript | MDN The toISOString() method returns a string in simplified extended ISO format (ISO 8601), which is alwa.. 2023. 4. 22.
[JavaScript] 프로미스 (Promise) 비동기적으로 끝난 이벤트를 알려주는 객체로 콜백이 중첩되지 않도록 깔끔하게 함수형 프로그래밍처럼 사용할 수 있음 상태 : pending fulfilled 성공적으로 수행된 상태 rejected 에러가 발생한 상태 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN The Promise object represents the eventual completion (or failure) of an asynchronous operation and its resulting value. developer.mozilla.org 사용 예시 function delay.. 2023. 3. 28.
[JavaScript] Truthy, Falsy Falsy Boolean값을 넣지 않아도 조건문에서 false로 인식하는 값 ㄴ "", null, undefined, 0, -0, NaN Truthy Boolean값을 넣지 않아도 조건문에서 true로 인식하는 값 ㄴ Infinity, 스트링값, 숫자, [] 2023. 3. 22.
[JavaScript] slice(), splice() Array​.prototype​.slice() begin부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. 원본 배열은 수정되지 않는다. 사용 방법 : slice(start[, end]) start: 추출 시작점에 대한 인덱스. undefined인 경우: 0부터 slice 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출한다. 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환한다. end: 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까지의 요소만 추출한다.) 지정하지 않을 경우: 배열의 끝까지 slice 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(2, -1)를 하면 세번째부터 끝에.. 2023. 3. 21.
[JavaScript] 클래스 상속 (extends) 부모 클래스와 동일한 틀을 사용하고 확장시켜서 사용하고자 할 때 상속 (extends)을 이용한다. 참고 사이트 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/class class - JavaScript | MDN class 선언은 프로토타입 기반 상속을 사용하여, 주어진 이름의 새로운 클래스를 만듭니다. developer.mozilla.org 사용 예제 : class Animal { constructor(color) { this.color = color; } eat() { console.log('EAT'); } sleep() { console.log('SLEEP'); } } class Tiger extends An.. 2023. 2. 13.
[JavaScript] 객체 속성 배열로 반환하기 Object.keys(), Object.values() Object.keys() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys Object.keys() - JavaScript | MDN Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환합니다. developer.mozilla.org Object.values() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values Object.values() - JavaScript | MDN Object.values() 메소.. 2023. 2. 11.