웹개발 검색 결과
24 개의 검색 결과가 있습니다.
웹개발/TypeScript

타입스크립트 | 타입 선언 파일(d.ts) 이란? 설치와 찾는법

자바스크립트의 역사가 긴 만큼 세상에 수많은 자바스크립트 코드가 존재합니다. 타입 선언 파일을 사용하면 자바스크립트 라이브러리를 타입스크립트 프로젝트에 쉽게 통합할 수 있습니다. 타입 선언 파일을 찾고 설치하는 법에 대해서 알아보겠습니다. 타입 선언 파일 이란? 타입 선언 파일은 사용하려는 라이브러리에 대한 타입 정보가 포함되어 있는 파일로서 프로젝트에 추가하는 파일입니다. 이 파일에는 세부 구현 정보가 포함되어 있지 않습니다. 주로 타입스크립트 컴파일러가 사용 중인 라이브러리에 대해 코드 타입을 검사할 수 있도록 하는 인터페이스로 구성됩니다. 타입 스크립트 코드에도 유용할 수 있지만, 주로 자바스크립트 라이브러리를 타입스크립트로 래핑 하는 래퍼로 사용됩니다. 이미 많은 인기 있는 자바스크립트 라이브러리..

2022. 8. 24. 16:59
웹개발/TypeScript

타입스크립트 | 제네릭 제약 (Generic Constraints)

모든 타입에서 작동하는 함수와 클래스를 만드는 것에도 가치가 있습니다. 하지만 제네릭의 진정한 능력은 제약이 있을 때 더욱 강력해집니다. 제네릭의 제약에 대해 알아보겠습니다. 제네릭 제약 제네릭 제약 조건은 타입 매개 변수로 전달할 수 있는 타입을 한정하는 것 이라고 설명할 수 있습니다. 위에서 todoNumber라는 프로퍼티를 가지는 TodoItem이라는 인터페이스를 정의하였습니다. 클래스 Todo에서 타입 매개변수 T를 제한하는데 TodoItem을 사용하고 있습니다. 처럼 적어주었는데요. 이렇게 하므로 Todo클래스를 객체화할 때 T에 전달하는 모든 타입에 todoNumber 프로퍼티가 있는지 담보할 수 있습니다. 만약 todoNumber 프로퍼티가 없다면 컴파일러에서 에러가 발생합니다. 제약을 주었..

2022. 8. 22. 17:01
웹개발/TypeScript

타입스크립트 | 제네릭 인터페이스, 제네릭 클래스

제네릭 인터페이스 제네릭 인터페이스 작성은 일반 인터페이스의 작성과 크게 다르지 않습니다. 유일한 차이점은 인터페이스 이름 뒤에 적어주는 타입 매개변수입니다. 위 예에서 Box 인터페이스에는 하나의 타입 매개변수를 가지고 있습니다. 하지만 하나 이상의 타입 매개변수도 가질 수 있습니다. 위 코드 처럼 꺾쇠괄호 안에 쉼표로 구분하여 둘 이상의 매개변수를 지정할 수 있습니다. 인터페이스 내에서 지정한 타입을 사용하려는 모든 곳에서 T를 사용할 수 있습니다. 인터페이스에 T타입을 사용하는 몇 가지 함수를 정의하고 있습니다. 함수 getItem은 T에 의해 지정된 타입의 값을 반환하고 있습니다. 함수 addItem은 T 타입의 매개변수를 사용하고 있습니다. 그리고 getAll은 T 타입의 배열을 반환하고 있습니..

2022. 8. 19. 17:13
웹개발/TypeScript

타입스크립트 | 제네릭 함수

제네릭 함수에 대해 알아봅니다. 제네릭에 대해서는 아랫글을 참고해 주세요. 타입스크립트 | 제네릭, 타입매개변수, Array 제네릭 함수 이해하기 제네릭 함수는 함수가 호출될 때마다 컴파일러에서 지정되거나 유추되는 타입 매개변수를 받습니다. 함수가 타입 매개변수에 의해 지정된 타입의 매개변수를 수락하기를 원하면 위와 같이 제네릭 함수로 만들 수 있습니다. 예에서는 함수 매개변수의 타입을 T로 적어주었습니다. 또한 함수 MyPrint는 해당 타입의 값을 반환하기를 원하므로 함수 반환 타입을 T로 적었습니다. 그리고 함수 내에서 T를 사용하여 새 변수를 선언하거나 타입 지정이 필요한 다른 작업을 수행할 수 있습니다. 위 예제에서는 함수에 전달된 값을 콘솔에 출력한 후 리턴해 주고 있습니다. 리턴 타입 역시 ..

2022. 8. 17. 15:55
웹개발/TypeScript

타입스크립트 | 제네릭, 타입매개변수, Array<T>

제네릭 이란? 제네릭은 단 하나의 타입으로 사용하는 코드가 아니라 여러 타입과 함께 작동하도록 설계된 코드입니다. 타입 매개 변수를 적용하여 함수, 인터페이스 및 클래스의 제네릭 버전을 만들 수 있습니다. 그리고 제네릭으로 만들어진 함수나 클래스를 이용할 때는 사용하고 싶은 타입을 타입 매개변수에 지정하여 사용하게 됩니다. 따라서 정해진 타입이 아니라 여러 타입으로 작업을 할 수 있습니다. 타입 매개변수 란? 타입 매개변수를 사용해서 제네릭을 만든다고 했는데 타입 매개변수는 무엇일까요? 타입 매개변수는 특정 인스턴스 또는 함수 호출이 사용할 타입을 지정할 수 있게 해주는 특별한 타입의 매개변수입니다. 타입 매개변수를 사용해서 제네릭 클래스를 매번 다른 타입으로 여러 번 인스턴스화 할 수 있습니다. 타입 ..

2022. 8. 15. 21:01
웹개발/TypeScript

타입스크립트 | 모듈 Default Export 란, 사용해야 할까?

Default Export 이해하기 default export는 모듈에서 하나의 항목만 내보내려는 경우에 가장 유용합니다. 디폴트 익스포트의 장점은 해당 항목을 default export로 지정하면 다른 모듈에서 이름을 몰라도 import 할 수 있다는 점입니다. 모듈의 default export는 기본적으로 export와 동일한 일을 하지만 사용 사례와 구문이 약간 다릅니다. 위 예에서 movie.ts라는 파일에서 하나의 클래스를 export 하고 있습니다. 다른 export와 다른 점은 export 키워드 뒤에 default 키워드를 추가했다는 점입니다. 또 다른 다른점은 클래스의 이름이 존재하지 않는다는 것입니다. default export에서 이름을 지정하는 것은 선택사항입니다. 이유는 impor..

2022. 8. 13. 23:20