Front End/Typescript4 Typescript Functions, 타입스크립트 함수, 실습 예제 Typescript Functions 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 타입스크립트 함수 프론트엔드 개발자로써 다양한 프로젝트를 개발할때 자주 사용되는 함수는 3가지 타입스크립트 타입을 정의할 수 있습니다. 함수의 파라미터 타입 함수의 반환 타입 함수의 구조 타입 Javascript 와 Typescript에 쓰이는 함수의 차이점을 이해하기 위해서 우선 간단한 함수를 만들어보겠습니다. index.js function Multipler( num1, num2 ) { return num1 * num2; } 이어서 함수로 타입을 정의해보겠습니다. i.. 2023. 4. 2. [ Typescript ] Typesctipt 내용 정리, 다양한 예제 실습 Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있으며 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어라고 합니다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있고 타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트에서 사용 가능한 오픈 소스입니다. 타입스크립트 장점.. 2023. 4. 1. [ Typescript ] 타입스크립트 인터페이스 ( Interface ) Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 타입스크립트 인터페이스 ( Interface ) Property를 정해서 객체를 표현하고자 할 때 interface를 사용합니다. 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미하며 TS에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 장점: 단순히 인터페이스를 사용할 때 속성을 선택적으로 적용할 수 있고 인터페이스에 정의되어 있지.. 2023. 4. 1. [ Typescript ] Typesctipt 타입 종료, 다양한 예제 실습 Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 간단한 예제 실습 간단한 더하기 함수를 만들어, 다양한 변수를 입력해 타입 오류 어떻게 나오는데 실습해봅니다. 우선 이미 익숙한 js 더하기 함수부터 만들어보면 index.js function add(num1, num2){ console.log(num1 + num2); } add(); // Nan add(1); // NaN add("a", "b"); // ab add(1,2); // 3 add(1, "a") // 1a 슷자와 문자 더하는 것도 성공적으로 컴파일! 이제 같은 더하기 함수를 .. 2023. 4. 1. 이전 1 다음
