전체 글 검색 결과
93 개의 검색 결과가 있습니다.
웹개발/TypeScript

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

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

2022. 8. 19. 17:13
IT소식

아이폰 14 발표가 9월 7일 개최 예상

애플 팬들이 가장 기다리는 아이폰 발매 소식이 나왔습니다. 애플 누출 정보가 많이 나오는 bloomberg의 마크 가먼에 의하면 2022년 9월 7일에 iPhone14가 발표 예정이라고 전했습니다. 정보에 의하면 9월 7일 신형 아이폰 아이폰14가 발표 예상된다고 합니다. 아이폰 이외에 새로운 맥 피씨, 아이패드, 애플 워치 3가지 신제품도 발표할 예정이라고 합니다. 아이패드 베이스 모델에 과연 어떤 칩이 들어가는지 궁금하네요. 그리고 신형 아이패드 프로에 과연 m2 칩이 들어가는지도 관전 포인트가 될 것 같습니다. 루머에 의하면 아이폰 14 프로에서는 디스플레이 상단에 있는 노치가 홀 펀치 디스플레이로 변경될 것이라 하는데요. 펀치 홀 디스플레이 맘에 드시나요? 노치에 익숙해진 제 눈에는 아직 어색해 ..

2022. 8. 18. 12:49
웹개발/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
웹개발/TypeScript

타입스크립트 | 모듈 이란?, 모듈 모맷, import와 export

모듈 이란? 타입 스크립트의 모듈을 이용하면 코드를 잘 정리하고 재사용 가능한 코드 작성에 도움을 줍니다. 모듈은 기능 단위 혹은 교환 가능한 구성의 코드의 집합을 의미합니다. 앱에 모듈성을 도입하는 기술은 TypeScript에서 시간이 지남에 따라 발전해 왔습니다. TypeScript의 초기 버전에서는 모듈식 코드 개발을 이용하기 위해 네임스페이스를 이용해 왔습니다. 이제는 공식 TypeScript 문서는 네임스페이스 사용을 금지하고 대신 개발자가 ES 2015 모듈을 사용하는 권하고 있습니다. 자바스크립트의 ES2015 버전은 모듈에 대한 네이티브 지원을 추가했습니다. 그리고 모듈 구문과 모듈 컴파일러 플래그를 사용하여 모든 최신 브라우저와 Node.js용 앱을 만들 수 있습니다. TypeScript..

2022. 8. 10. 00:56