본문 바로가기

#1 Language 👄

(47)

[Typescript] 데코레이터 Decorators 메타 프로그래밍 하는 데 매우 유용하게 사용 됨 메타 프로그래밍이란? end user가 페이지를 방문하는데, 보통 곧바로 영향을 주기에 데코레이터를 사용하지 않음 대신에 코드를 쓰는 데 적합하도록 만들어 데코레이터를 다른 개발자들이 사용하기 쉽게 함 데코레이터는 실체화되기 전 클래스가 정의만 돼도 실행 됨 function Logger(constructor: Function) { console.log("Logging..."); console.log(constructor); } @Logger class Person1 { name = "Yum"; constructor() { console.log("Creating person object..."); } } const pers = new Person1(); co..

[Typescript] 제네릭 Generic <T> 배열 타입 어떤 타입의 데이터가 저장되든 상관하지 않으며 저장하는 요소가 문자열 목록, 숫자형 목록, 객체 목록, 혼합된 데이터의 목록이든 상관하지 않지만 적어도 정보가 저장되는 것인지에 대해서는 확인 함 제네릭 타입 Generic 타입 안전성과 결합된 유연성을 제공 전달하는 값이나 클래스에서 사용하는 값을 유연하게 지정할 수 있음 추가한 제약 조건이 있다면 그 조건만 준수하면 됨 const names: Array = []; // string [] const names: Array = []; // string [], number [] promise 타입 const promise: Promise = new Promise((resolve, reject) => { setTimeout(() => { resolv..

[Typescript] 고급 타입 타입 가드 Narrowing 요약 typeof 변수 속성명 in 오브젝트 자료 인스턴스 instanceof 부모 타입가드는 특정 속성이나 메소드를 사용하기 전에 그것이 존재하는지 확인하거나 타입을 사용하기 전에 이 타입으로 어떤 작업을 수행할 수 있는지를 확인하는 개념 런타임 시 특정 타입으로 작업을 수행하기 전에 해당 타입을 검사하는 코드 패턴 작업을 수행하기 전에 타입을 검사하여 런타임 오류를 방지할 수 있음 객체의 경우, instanceof나 in을 사용 다른 타입들의 경우 typeof를 사용 // typeof type Combinable = string | number; function add(a: Combinable, b: Combinable){ if(typeof a === 'string' ||..

[Typescript] 클래스 & 인터페이스 private : 생성된 객체 내부에서만 접근 가능한 속성 protected : private과 비슷하지만 private과 다른 점은 이 클래스에서뿐 아니라 이 클래스를 확장하는 모든 클래스에서도 사용 가능 함 readonly 키워드 초기화 중에 한 번만 사용 가능 특정 속성이 초기화 되고 나면 이후에는 변경되어서는 안됨 추가적인 타입 안전성을 더해주고 의도를 명확하게 해줌 약식 초기화 // 초기화 약식 전 class Department { private id: string; private name: string; private employees: string[] = []; constructor(id: string, name: string) { this.id = n; this.name = n; } } /..

[Typescript] 구조 분해 ✍️ 구조 분해란? ✍️ 배열에서 요소를 추출하는 것 const [hobby1, hobby2, ...remainingHobbies] = hobbies; 첫번째 요소 hobby1 이라는 이름으로 const에 저장 두번째 요소 hobby2 라는 이름으로 const에 저장 문자열의 요소가 2개 이상인 경우 매개변수를 추가하여 hobby1, hobby2에서 추출하지 않은 나머지 요소가 모두 remainingHobbies라는 새 배열에 저장되므로 해당 배열에 병합 됨 구조 분해는 원래의 배열을 바꾸지 않음 새로운 배열로 생성 배열은 정렬된 목록이므로 요소는 순서대로 추출 됨 하지만 순서가 항상 보장되지는 않아 위치별로 요소를 추출하는 것이 아닌 키 이름으로 요소를 추출 함 배열뿐만 아니라 객체도 동일하게 사용 마..

[Typescript] TypeScript 컴파일러(및 구성) watch mode : 변경사항이 있을때마다 자동으로 컴파일 tsc app.ts -w 단점은 이 파일을 구체적으로 지정해야 함 그렇기 때문에 큰 프로젝트에서는 보통 사용하지 않음 모든 ts파일 컴파일 tsc —init : tsconfig.json 파일 생성 이 프로젝트를 타입스크립트 프로젝트라고 처음에 지정하면서 한 번만 실행하면 됨 이 프로젝트는 타입스크립트가 관리한다는 뜻 이 커맨드가 실행되는 폴더의 모든 항목을 알려주는 역할 따라서 올바른 폴더에 위치하는 것이 중요 tsc : 모든 ts파일 컴파일 자동으로 js파일 생성 모든 타입스크립트 파일에 관찰 모드 적용하기 모든 ts파일 컴파일 한 후 tsc -w 입력하면 모든 ts파일에 관찰 모드가 적용 됨 이제 변경 사항을 적용하고 저장하면 변경된 파일이..

[Typescript] Typescript 기본 & 기본 타입 Using Type number JS나 TS에서 number 타입은 하나뿐 string ‘Hi’, “Hi”,Hi boolean true, false 자바스크립트 차이 자바스크립트는 동적 타입 문자열을 할당할 때 처음에 숫자형 변수가 있더라도 전혀 문제 없음 그래서 특정 타입에 의존하는 코드가 있는 경우, 런타임에서 현재 타입을 확인할 수 있는 typeof를 사용 반면, 타입스크립트는 정적 타입 변수와 매개변수의 타입을 먼저 정의함 런타임 중에 갑자기 변경되지 않음 숫자형으로 설정한 변수에 문자열을 할당하면 에러발생 타입스크립트는 자바스크립트보다 훨씬 많은 타입을 알고 있음 결론 : 타입스크립트 타입은 컴파일 중에 확인되는 반면, 자바스크립트 타입은 런타임 중에 확인 됨 추가: 타입스크립트는 타입을 명시적..

[Javascript] 모듈 (Module) 모듈화(Modularity) 프로그래밍의 목표 큰 프로그램을 코드 모듈로 분리해서 모듈 개발자가 예측하지 못한 상황에서도 코드 전체가 정확히 실행되도록 하기 위함 실용적인 관점에서 (Modularity)는 프로그램의 세부 사항을 캡슐화하고 전역 네임 스페이스를 깔끔하게유지해서 모듈이 다른 모듈의 변수, 함수, 클래스를 수정하는 사고를 막는 것을 말함 자바스크립트에서의 모듈 최근까지 자바스크립트는 모듈을 지원하지 않았고 큰 프로젝트 단위로 일하는 프로그래머는 클래스, 객체, 클로저에서 파생된 미약한 모듈성을 최대한 이용해야 했음 클로저 기반 모듈성이 코드 번들링도구의 지원에 힘입어 require( ) 함수라는 형태로 실용화 됐으며 노드에서 이 시스템을 도입 require( )에 기반한 모듈은 노드 프로그래..

이전 1 2 3 4 ··· 6 다음

LIST

티스토리툴바