Front-end
-
[Group Study, 모던 자바스크립트 Deep Dive] - 37 SetFront-end/Javascript 2023. 1. 31. 21:56
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 37.1 Set Set은 수학적 집합을 구현하기 위한 자료구조로 중복되지 않는 유일한 값들의 집합이다. 따라서 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다. 구분 배열 Set 동일한 값을 중복하여 포함 가..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 36 디스트럭처링 할당Front-end/Javascript 2023. 1. 17. 19:07
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 36.0 디스트럭처링 할당(destructuring assignment) 디스트럭처링 할당(destructuriing assignment-구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 35 스프레드 문법Front-end/Javascript 2023. 1. 16. 20:39
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 35.0 ES6에서 도입된 스프레드 문법은 하나로 뭉쳐 있는 여러 값들을 집합을 펼쳐서 개별적인 값들을 목록으로 만든다. 스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션, arguments와 같이 for ... of 문으로 ..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 34 IterableFront-end/Javascript 2023. 1. 15. 19:47
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 34.1 Iteration Protocol ES6에서 도입된 iteration protocol은 순회 가능한(iterable) 데이터 컬렉션(자료구조)을 만들기 위해 ECMA script사양에 정의하여 미리 약속한 규칙이다. ES6 이전의 순회 가능한 데이터 컬렉션, 즉 배..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 33 SymbolFront-end/Javascript 2023. 1. 15. 18:04
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 33.1 Symbol이란? Symbol은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값이다. 다른 값과 중복되지 않는 유일무이한 값이기 때문에 이름 충돌의 위험히 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. 33.2 Symbol 값의 생성 33..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 31 RegExp 정규표현식Front-end/Javascript 2022. 12. 28. 18:47
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 31.1 RegExp - 정규표현식 정규 표현식(Regular Expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다. 문자열을 대상으로 패턴 매칭 기능을 제공하는데, 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 ..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 30 DateFront-end/Javascript 2022. 12. 28. 15:41
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 30. Date 표준 빌트인 객체인 Date는 날짜와 시간(연, 월, 일, 시,분, 초, 밀리초(ms, 천분의 1초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수다. UTC(협정 세계시;Coordinated Uiversal Time)는 국제 표준시를..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 26 ES6 함수의 추가 기능Front-end/Javascript 2022. 12. 27. 18:03
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 26.1 함수의 구분 ES6 이전까지 JS 함수는 별다른 구분 없이 다양한 목적(일반 함수, 메서드, 생성자)으로 사용되었다. 즉 callable이면서 constructor이다. (호출할 수 있는 함수 객체를 callable, 인스턴스를 생성할 수 있는 함수 ..