본문 바로가기

til28

extends / implements 08/14 extendsJavaScript 에서 어떤 class 를 상속받기 위해 사용.class 의 .prototype 은 반드시 Object 이거나, null 이어야 한다. (null 인 경우, prototype 체인의 최상단) implementsTypeScript 에서 class 와 interface 를 동시에 확장할 수 있음.class 의 interface 에 만족하는지 여부를 체크하고, inplements 한 interface 의 type 이 없다면 에러를 반환.implements 는 오직 type 체크를 위해 사용하기 때문에, 생성했을 때 내부 값을 변경 해 주지 않는다. 정리extends새로운 class 의 상속을 위해 사용.상위 class의 모든 property 와 method 를 갖고 있.. 2024. 9. 23.
ECMAScript (ES) ECMAScriptECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어.JavaScript 를 표준화하기 위해 만들어졌다.스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공한다. JavaScriptECMAScript 사양을 준수하는 범용 스크립팅 언어.ECMAScript 문서를 본다면 어떻게 스크립트 언어를 만들 수 있는지 로 구성 되어 있다면,JavaScript 문서는 어떻게 스크립트 언어를 쓸 수 있는지로 구성되어 있는 정도의 차이. JavaScript 엔진JavaScript 코드를 이해하고 실행하는 프로그램 또는 인터프리터.Google Chrome >> V8,Mozilla Filrefox >> SpiderMonkey,microsoft Edge >> Chakr.. 2024. 9. 23.
Method Chaining 08/02Method Chaining 이란method 가 객체를 반환하게 되면, 그 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있다.이런 프로그래밍 패턴을 method chaining 이라고 한다.기본적으로 oop 로 코딩을 하다 보면 알게 모르게 자연스럽게 많이 사용하게 되는데,문장을 마치지 않고 호출을 이어갈 수 있기 때문에, 가독성을 향상시키는 데 도움이 된다.주의할 점은,한 문장에서 여러번의 메소드 호출이 이뤄지므로, 에러가 발생하는 지점을 하나씩 확인 해야 된다는 점.return 값이 메소드마다 다르기 때문에 최종적으로 할당되는 값은 최초 원하던 값이 아닐 수 있다는 점.상속 관계에서 부모의 메소드를 호출하면 부모의 타입으로 변경되므로 명시적 캐스팅을 필요로 한다는 점.=> 이때는 오히려.. 2024. 9. 8.
변수, 문자열 07/30~08/01변수vares6 이전의 변수 형식.전역, 지역에서 전부 사용할 수 있으며, 재선언되고, 업데이트 될 수 있음.호이스팅 이 발생 가능해서, undefined 발생 가능.letvar에서 개선된 변수 형식.지역에서 선언된 let변수는 외부에서 사용시 오류 발생.업데이트 될 수 있지만, 재선언은 불가능.호이스팅 발생 가능하지만, 초기화 되지 않아 Reference Error 발생.const일정한 상수 값을 유지하는 변수.지역에서 선언된 const 변수는 외부에서 오류 발생.업데이트 불가능, 재선언 불가능. 따라서 선언과 동시에 초기화 되어야 한다.단, const 객체는 업데이트 할 수 없지만, 객체의 속성은 업데이트 할 수 있다.호이스팅 되지만, 초기화 되지 않는다. 문자열문자열 혼합stri.. 2024. 8. 27.
배열 활용 method 07/30~31Array.forEach()배열을 순회하며 각 요소를 콜백 함수로 처리하는 함수.arr.forEach(function(element, index?, array?) => { callbacks });for 문 처럼 continue 를 사용하고 싶다면, callback 부분에서 return을 시켜 넘어가면 된다.Array.some()배열을 전부 순회하며, return 값이 하나라도 true 라면 최종적으로 true 가 반환되는 함수.arr.some((element, index?, array?) => { callbacks }); Array.every()배열을 순회하며, return 값이 하나라도 false라면 즉시 중지하며 false 가 반환되는 함수.arr.every((element, index.. 2024. 8. 27.
배열 활용 method 07/30fold배열의 값을 하나하나 순회하여 데이터를 가공해 결과를 내는 것.Array.filter값을 선별하며 배열 순회 가능.arr.filter(callback: (value: T, index?: number): boolean): T[]callback 으로 index를 넣어 index까지만 순회 시키거나, 특정 index에서 이벤트가 발생하도록 할 수도 있다.Array.map배열을 받아서 가공 한 다음, 다른 type 또는 같은 type 의 배열로 만들 수 있음.arr.map(callback: (value: T, index?: number): Q): Q[] Array.reduce기존의 fold 함수를 대체하는 method.각각을 순회하여 연산한 값인 result 와 각 값인 value 로 하나의 값.. 2024. 8. 27.

티스토리툴바