Frontend 개발자 - hyo.loui

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

❤️‍🔥TIL : Today I Learned 사전적 정의 property : 소유물 attribute : 속성 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드 프로퍼티 어트리뷰트를 이해하기 위해 먼저 내부 슬롯과 내부 메서드의 개념을 알아보자. ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드 이다. 이중 대괄호 로 감싼 이름들이 내부 슬롯과 내부 메서드다. ( [[...]] ) 이들은 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 공개된 객체의 프로퍼티는 아니다. 즉 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 없다. 그러나 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 ..

🎯목적 : TS Type Alias (타입 별칭), 정리 및 복습 1. Type Alias ? 타입을 미리 객체의 형태로 선언해 둔 후 필요한 곳에서 별칭을 호출하여 사용할 수 있다. // Type Alias type Hero = { name: string; power: number; height: number; gender: "남" | "여"; }; Hero 라는 타입의 별칭! 2. 타입 별칭의 형태 // Type Alias type Hero = { name: string; power: number; height: number; gender: "남" | "여"; }; 3. 타입 별칭의 적용 const hero1: Hero = { name: "슈퍼맨", power: 100, height: 100, gen..

❤️‍🔥TIL : Today I Learned 객체 { Object } 정보를 한번에 담을 수 있는 큰 범위의 데이터가 필요할 때 사용한다. 어렵게 표현하면 "물리적으로 전재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 갖고있고 다른 것과 식별 가능한 것" 이다. 객체를 생성하는 방법은 크게 3가지가 있지만 가장 효과적인 리터럴 방식을 포스팅하겠다! // 영어 버전 const person1 = { name : 'seung hyo', age : 26, sayHello : function(){ console.log(this.name + 'Hello!'); } }; console.log(person1); person1.sayHello(); // 한글 버전 const 사람1 = { 이름 : '승효'..