일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 싸피
- 클로저
- 디스트럭처링 할당
- BETA
- 코어JS
- 이터러블
- async
- 비동기 프로그래밍
- 개발 환경 구축
- 프로미스
- 에러 처리
- Ref로 DOM 다루기
- DEEPDIVE
- 표현식과 문
- 제너레이터
- 데이터 타입
- Set과 Map
- 스프레드 문법
- await
- js
- Ref로 값 참조하기
- 배열
- Deep Dive
- REACT
- 모듈
- 브라우저의 렌더링 과정
- rest api
- Escape Hatches
- ES6 함수의 추가 기능
- Strict Mode
- Today
- Total
목록JavaScript (50)
코딩을 쉽게 해보자
1. 이터레이션 프로토콜 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전에는 통일된 규약 없이 각자 나름의 구조를 가지고 for 문, for ... in 문, forEach 메서드 등 다양한 방법으로 순회할 수 있었다. ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for ... of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화 했다. 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. 이터러블 프로토콜 이터레이터 프로토콜 1-1. 이터러블 이터러블 프로토콜을 준수한 객체를 이터러블이라 한다...
1. 심벌이란? ES6에서 도입된 7번째 데이터 타입 변경 불가능한 원시 타입의 값 다른 값과 중복되지 않는 유일무이한 값 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. 프로퍼티 키로 사용할 수 있는 값은 빈 문자열을 포함하는 모든 문자열 또는 심벌 값이다. 2. 심벌 값의 생성 2-1. Symbol 함수 외부로 노출되지 않아 확인할 수 없으며, 다른 값과 절대 중복되지 않는 유일무이한 값 new 연산자와 함께 호출 x Symbol 함수에는 선택적으로 문자열을 인수로 전달할 수 있다. 설명으로 디버깅 용도로만 사용되며, 값 생성에 어떠한 영향 X 심벌 값에 대한 설명이 같더라도 생성된 심벌 값은 유일무이한 값이다. 2-2. Symbol.for / Symbol.keyFor 메서..
1. String 생성자 함수 String 생성자 함수의 인수로 문자열을 전달하면서 new 연산자와 함께 호출하면 String 래퍼 객체를 생성한다. 배열과 유사하게 인덱스를 사용하여 각 문자에 접근 할 수 있다. 문자열은 원시 값이므로 변경할 수 없다. (에러 발생 X) 인수로 문자열이 아닌 값을 전달하면 문자열로 강제 변환한 후 객체 생성 new 연산자를 사용하지 않고 생성자 함수를 호출하면 문자열 반환 2. length 프로퍼티 문자열의 문자 개수 반환 3. String 메서드 String 객체의 메서드는 언제나 새로운 문자열을 반환한다. 문자열은 변경 불가능한 원시 값이기 때문에 String 래퍼 객체도 읽기 전용(read only)객체로 제공된다. 3-1. String.prototype.inde..
1. 정규 표현식이란? 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)다. 문자열을 대상으로 패턴 매칭 기능을 제공한다. 패턴 매칭 기능이란 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말한다. 2. 정규 표현식의 생성 정규 표현식 리터럴과 RegExp 생성자 함수를 사용할 수 있다. 일반적인 방법은 정규 표현식 리터럴 사용 정규 표현식 리터럴은 패턴과 플래그로 구성된다. const target = 'Is this all there is?'; // 패턴: is // 플래그: i => 대소문자를 구별하지 않고 검색한다. const regexp = /is/i; // test 메서드는 target 문자열에 대해 정규 표현식 re..