도리쓰에러쓰

D-day 기능을 구현하면서 밀리초 계산이 헷갈렸다. 우선 변수 setDate와 변수 nowDate를 new Date() 객체를 통해 날짜 데이터를 저장하고, const setDate = new Date("2022-09-25T00:00:00+0900"); const nowDate = new Date(); 아래 코드를 통해 계산할 날의 밀리초를 변수 distance에 넣었다. const distance = setDate.getTime() - nowDate.getTime(); 이제 밀리초를 어떻게 일, 시, 분, 초로 표현할까? 우선 계산 방법은 아래와 같다. 계산할 날의 밀리초 / (1000 * 60 * 60 * 24) = 일 (계산할 날의 밀리초 / (1000 * 60 * 60)) % 24 = 시 (계산..

알고리즘 문제를 풀면서 배열 메서드를 많이 접하는데, 주로 사용하는 배열 메서드를 블로그에 남기고 머릿속에 남기고 싶어서 한 눈에 보기 쉽게 정리했습니다. 1️⃣ 배열에 값 추가 혹은 삭제하는 메서드 // 배열 끝에 값 추가 [1, 2, 3].push(4);// [1, 2, 3, 4] // 배열 끝에 값 삭제 [1, 2, 3].pop();// [1, 2] // 배열 앞에 값 추가 [1, 2, 3].unshift(4);// [4, 1, 2, 3] // 배열 앞에 값 삭제 [1, 2, 3].shift();// [2, 3] 2️⃣배열 조작하는 메서드 // 배열 합치기 ['a', 'b', 'c'].concat(['d', 'e'], 'f');// ['a', 'b', 'c', 'd', 'e', 'f'] // 배열 ..

Set 객체는 ES6에서 지원하는 새로운 데이터 Object입니다. Set 객체는 배열 내에 중복되는 원소를 제거해줍니다. 아래 코드는 Set 객체를 사용하는 방법입니다. let arr1 = [1, 2, 3]; let arr2 = [2, 4, 6]; let setArr = [...new Set([...arr1, ...arr2])]; console.log(setArr);// [1, 2, 3, 4, 6] - [...array] : 배열의 값이 아닌 내용만 복사 (ES6 Spread Operator 참고) 🚨 Set 객체는 데이터 타입을 구분하기 때문에 숫자 1과 문자열 "1"은 다르다는 점 유의해주세요 !

ES6에서는 더 간결하고 가독성 있는 객체 리터럴 기능 3가지를 제공했습니다. 지금부터 그 기능에 대해 알아보겠습니다. 1. 프로퍼티 축약 표현 기능 - 객체 리터럴의 프로퍼티는 프로퍼티 키와 프로퍼티 값으로 구성되어 있습니다. // ES5 let a = 1, b = 2; let c = { a: a, b: b }; console.log(c);// {a: 1, b: 2} - ES6에서는 프로퍼티 값으로 변수를 사용하는 경우 변수명과 프토퍼티 키가 동일한 이름일 때 프로퍼티 키를 생략할 수 있습니다. (프로퍼티 키는 변수명으로 자동 생성) // ES6 let a = 1, b = 2; let c = { a, b }; console.log(c);// {a: 1, b: 2} 2. 계산된 프로퍼티명 - ES5에서는..

프로그래머스 코딩테스트 Level1 풀이 모음입니다. Ctrl + F 를 이용해 문제 풀이를 찾아주세요. 🔽 알고리즘 문제 (프로그래머스 사이트) 코딩테스트 연습 기초부터 차근차근, 직접 코드를 작성해 보세요. programmers.co.kr 💡 행렬의 덧셈 function solution(arr1, arr2) { return arr1.map((arr, index) => arr.map((x, y) => x + arr2[index][y])); } 💡 두 개 뽑아서 더하기 function solution(numbers) { var answer = []; for(let a = 0; a < numbers.length-1; a++) { for(let b = a+1; b < numbers.length; b++) {..

'모던 자바스크립트' 책을 읽고 익숙하지 않은 내용 위주로 정리 해보려고 한다. 우선, 연산자와 피연산자의 의미는 아래와 같다. 1 + 2 연산자 : 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. (위 예시에서 +가 연산자이다.) 피연산자 : 연산의 대상 (위 예시에서 1과 2가 피연산자이다.) 1. 단항 산술 연산자 1️⃣ + 단항 연산자는 피연산자에 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다. +10;// 10 +(-10);// -10 숫자 타입이 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다. 이 때, 피연산자를 변경하는 것이 아닌 숫자 타입을 변환한 값을 생성하여 반환한다. // 문자..

자바스크립트 ES6 문법에서는 숫자(number) 타입, 문자열(string) 타입, 불리언(boolean) 타입, undifined 타입, null 타입, 심벌(Symbol) 타입, 객체 타입 총 7개의 데이터 타입을 제공했는데, ES11 문법에서 BigInt라는 새로운 데이터 타입이 추가되었습니다. 그럼 지금부터 BigInt에 대해서 알아보겠습니다. 1. 선언 방법 BigInt는 길이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형입니다. BigInt를 선언하기 위해 총 3가지 방법이 있습니다. let bigInt1 = 184738832473n; let bigInt2 = BigInt("123123123123123"); let bigInt3 = BigInt(10000000000); console.log..

ES5 문법에서는 배열 내의 검색을 위한 indexOf() 라는 배열 메소드가 있었는데, ES6 문법에서는 더 강력한 find()와 findIndex() 2개의 배열 메소드를 지원합니다. 지금부터 find()와 findIndex() 메소드에 대해 알아보겠습니다. 1. Array.prototype.find() 주어진 함수의 조건을 만족하는 첫번째 요소 값을 반환합니다. 조건에 맞는 요소가 없다면 undifined를 반환합니다. 1️⃣ 조건에 맞는 요소가 있을 때 let arr = [1, 5, 6, 3, 2]; let even = arr.find((item)=> item % 2 === 0 ); console.log(even);// 6 : item % 2가 0인 요소는 6과 2가 있지만 첫번째 요소 값만 반환..