타입스크립트 함수 작성 방법

타입스크립트 함수 작성 방법

 

안녕하세요.

오늘은 타입스크립트를 이용할 때 사용하면 좋은 함수 작성 방법을 알아보겠습니다.

 

 

 

1. function 함수
2. arrow 함수
3. 응용
4. 마치며

 

 

1. function 함수

 

function은 우리가 예전에 가장 흔하게 사용하던 함수 작성을 도와주는 문법입니다.

하지만 현재는 ECMA 스크립트의 발전으로 function 함수보다는 arrow 함수를 사용하는 것이 일반적입니다.

하지만 그렇다고 function 함수가 오래되었으니 사용하지 않는 것이 좋다라는 뜻은 아닙니다.

상황에 따라서는 function 함수를 사용하기도 합니다. 또한 function 키워드를 사용하면 함수를 정의하기 전 함수를 부를 수 있는 장점이 있습니다. 이러한 상황이 많지는 않겠지만 정말 가끔가다가 유용하게 사용되기도 합니다.

함수 작성 방법을 알아보겠습니다.

function sayMyName(): string {
  return 'Luis';
}

sayMyName();

타입스크립트를 사용할 시 소괄호 후 콜론을 작성하고 그 후 return에 알맞은 타입을 지정하시면 됩니다.

 

function sayMyName(name: string): string {
  return name;
}

sayMyName('Luis');

위와 같이 파라미터가 존재하는경우 파라미터에도 필요한 타입을 지정할 수 있습니다.

 

 

 

2. arrow 함수

arrow 함수를 작성하는 것은 현재 최신의 방법이라고 생각하시면 될 것 같습니다.

arrow 함수의 경우 예전 함수보다 가독성이 높아집니다 또한 arrow 함수 이전 function 키워드를 이용한 함수를 작성할 시 thisl 키워드의 사용성에 의문이 종종 있었습니다. 하지만 arrow 함수를 이용하시면 이러한 this 키워드를 사용할 필요가 없어집니다.

자 그러면 짧게 함수를 작성하는 방법을 보겠습니다.

const sayMyName = (): string => {
  return 'Luis';
};

sayMyName();

arrow 함수를 사용하실 경우 function이라는 키워드 대신 변수를 만들어 주게되며 =>라는 키워드를 사용합니다.

이때 함수에 return 값을 지정하는 방법은 function 함수와 동일하게 소괄호 뒤에 콜론을 사용하고 해당 타입을 지정하시면 됩니다.

 

const sayMyName = (name: string): string => {
  return name;
};

sayMyName('Luis');

파라미터가 존재하는 경우 위와같이 사용할 수 있습니다.

 

 

 

3. 응용

이번에는 제가 자주 사용하는 arrow 함수 작성방법을 알려드리겠습니다.

이러한 함수 방법은 파라미터 존재할때 사용 할 수는 방법입니다.

예를 보시겠습니다.

const sayMyName = ({ name }: { name: string }): string => {
  return name;
};

sayMyName({ name: Luis });

 이렇게 작성하는 것입니다.

이렇게 작성했을시 장점은 파라미터의 이름과 값을 좀 더 확실하게 볼 수 있고 함수를 호출할 때 오브젝트로 한번 더 key값을 명확하게 할 수 있기 때문에 실제로 코딩을 할 때 훨씬 가독성이 높고 파라미터가 무엇인지 확인하려 이리저리 화면을 옮겨 다녀도 되지 않을 수 있습니다.

파라미터가 많아지면 이렇게 작성 하시면 됩니다.

const sayMyName = ({ name, age, hobby }: { name: string; age: number; hobby: string }): string => {
  return `My name is ${name} and im ${old}. My hobby is ${hobby}`;
};

const hobby = 'game';

sayMyName({ name: Luis, age: 20, hobby });

또한 key와 동일한 변수를 작성하시면 따로 hobby: hobby라고 작성하실 필요 없이 hobby만 작성하시면 됩니다.

 

 

 

4. 마치며

 

오늘은 짧게 기본적인 함수를 작성하는 방법과 이를 좀 더 응용하여 작성하는 방법을 배웠습니다.

함수가 어떻게 작성되던지 잘 작동하면 그만이겠지만, 실제로 현없에서는 함수를 어떻게 이해하기 쉽게 짜는지가 정말 중요합니다.

결국 내가 작성한 코드를 다른사람이 보고 사용하며 나 또한 다른 사람의 코드를 보고 사용하고 발전시키며 일할 수밖에 없습니다.

그러니 쉬운 함수라도 너무 성의없게 작성하지 마시고 가독성을 좀 더 생각하시며 작성하시면 좋겠습니다.

 

개발자로 일해보니 결국에 개발자는 소통을 많이하는 직업입니다. 사실 코드를 작성하는 시간보다 회의를 하는 시간이 더 많은 날도 많습니다. 또한 현업에서는 단지 내가 프로그래밍 언어를 다룰 줄 알고 프레임워크를 다룰 줄 아는 것으로 끝나지 않습니다.

클라우드 개념, 데이터베이스, API, 도커, CI, CD, 등등 알아야 하고 사용해야 할 것들이 산더미 입니다.

개발 공부는 정말 끝이 없는 것 같습니다. 좋은 개발자가 되는 것은 쉽지 않은 것 같습니다. 하지만 노력하고 증진하시기 바랍니다.

 

완벽한 준비란 없다, 완벽한 준비란 영원히 시작하지 않는 것과 같다.

Es gibt keine perfekte Vorbereitung.

Perfekte Vorbereitung ist das Gleiche, wie nie anzufangen.