개발개굴🐸

ES6에서 도입된 스프레드 문법(spread syntax, 전개 문법) ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만듭니다. 스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HTMLCollection), arguments와 같이 for ... of 문으로 순회할 수 있는 이터러블에 한정됩니다. // ...[1, 2, 3]은 [1, 2, 3]을 개별 요소로 분리한다(→ 1, 2, 3) console.log(...[1, 2, 3]); // 1 2 3 // 문자열은 이터러블이다. console.log(...'Hello'); // H e l l o // Map과 Set은 이터러블이다. console.log(..

이터레이션 프로토콜(iteration protocol) ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙입니다. ES6 이전의 순회 가능한 데이터 컬렉션(배열, 문자열, 유사 배열 객체, DOM 컬렉션 등)은 통일된 규약 없이 각자 나름의 구조를 가지고 for 문, for ... in 문, forEach 메서드 등 다양한 방법으로 순회할 수 있었음 ES6에서 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for ... of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화 이터레이션 프로토콜에서는 이터러블 프로토콜과 이터레이터 프로토콜이 있습니다. ..

심벌이란? 심벌은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값입니다. 심벌 값은 다른 값과 중복되지 않는 유일무이한 값 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용 프로퍼티 키로 사용할 수 있는 값은 빈 무자열을 포함한 모든 문자열 또는 심벌 값 *ES6 이전엔 6가지 타입 (문자열, 숫자, 불리언, undefined, null, 객체)이 있었음 심벌 값의 생성 Symbol 함수 심벌 값은 Symbol 함수를 호출하여 생성합니다. (다른 원시값의 값은 리터럴 표기법을 통해 값을 생성할 수 있음) 이때 생성된 심벌 값은 외부로 노출되지 않아 확인할 수 없으며, 다른 값과 절대 중복되지 않는 유일무이한 값입니다. // Symbol 함수를 호출하여 유일무이한..

[문제] [풀이] 수빈이가 동생을 찾아서 이동할 수 있는 방법은 2가지가 있습니다. 1초 동안 -1 칸 or +1 칸 이동 0초 동안 순간이동하여 X2칸 이동 따라서 규칙적으로 이동하는 것을 보고 DP를 활용하여 풀이하였습니다. 1. 수빈이 위치 N보다 작은 칸으로는 순간이동이 불가능해서 항상 1초가 걸려 -1칸씩 이동해야합니다. N보다 작은 위치는 0에서 1초씩 시간을 증가시켜 각 dp 배열의 위치 인덱스에 시간을 저장 2. 수빈이 위치 N을 0초로 시작해서 N보다 큰 칸으로 이동하는 경우는 걷기와 순간이동 2가지가 있습니다. 따라서 현재 위치를 X라고 했을때, X위치로 이동할 수 있는 경우는 2가지가 있습니다. X-1에서 +1칸 걸어온 경우 : 1초의 시간이 걸림 => dp[X-1] + 1 X/2 칸..

[문제] https://www.acmicpc.net/problem/2457 2457번: 공주님의 정원 첫째 줄에는 꽃들의 총 개수 N (1 ≤ N ≤ 100,000)이 주어진다. 다음 N개의 줄에는 각 꽃이 피는 날짜와 지는 날짜가 주어진다. 하나의 날짜는 월과 일을 나타내는 두 숫자로 표현된다. 예를 들어서, www.acmicpc.net [풀이] find()를 통해 가장 적게 꽃을 피울 수 있는 조합을 구해주었는데, find()는 아래와 같은 작업을 반복합니다. 아직 방문하지 않은(피우지 않은) 꽃 중에서 현재 조회중인 시작 날짜와 같거나 이전에 피어서 가장 늦게 지는 꽃을 찾아서 해당 꽃의 index를 저장 만약 꽃을 찾지 못했다면 조건을 만족하지 못하여 0을 출력하고 종료 만약 조회된 index의 ..

표준 빌트인 객체인 String은 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드를 제공합니다. String 생성자 함수 String 객체는 생성자 함수 객체라 new 연산자와 함께 호출하여 String 인스턴스를 생성할 수 있습니다. String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자를 프로퍼티 키로, 각 문자를 프로퍼티 값으로 가지므로 유사 배열 객체입니다. // 1. 인수 없이 호출 const strObj = new String(); console.log(strObj); // String {length: 0, [[PrimitiveValue]]: ""} // 2. 인수로 문자열 전달 const strObj = new String('Lee'); console..

정규 표현식이란? 정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)입니다. 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있습니다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공합니다. 패턴 매칭 기능이란, 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말합니다. *자바스크립트는 펄의 정규 표현식 문법을 ES3부터 도입 예를 들어, 회원가입 화면에서 사용자로부터 입력받은 휴대폰 전화번호가 유효한 번호인지 "숫자 3개 + '-' + 숫자 4개 + '-' + 숫자 4개" 라는 일정한 패턴을 정규 표현식으로 정의하고 사용..

표준 빌트인 객체인 Date는 날짜와 시간(연, 월, 일, 시, 분, 초, 밀리초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수입니다. 현재 날짜와 시간은 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정됩니다. UTC(협정 세계시) : 국제 표준시로 GMT(그리니치 평균시)로 불리기도 함 KST(한국 표준시) : UTC에 9시간을 더한 시간으로 KST는 UTC보다 9시간이 빠름 Data 생성자 함수 Date 생성자 함수로 생성한 Data 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 가집니다. 이 값은 1970년 1월 1일 00:00:00(UTC)을 기점으로 Date 객체가 나타내는 날짜와 시간까지의 밀리초를 나타냅니다. 1970년 1월 1일 0시를 나타내는 Data 객체는 내부적으로..