Udemy/Ts/section2/28

[4BFC]

✍Udemy/Ts/section2/28

본 PR은 청강 1회독을 마친 후 N회독으로 작성된 PR입니다.

🔥KeyWord

• callback function
• undefined
• void
• return

📝Description

• 콜백함수 사용하기
  • 🚩: 콜백함수로 구현하기 예시
  • 콜백함수를 가지고 함수를 사용하는 예시이다. 콜백함수를 사용하면 좋은 점은 함수 안에서 콜백을 전달하게 되면 Ts에서 결과가 숫자라는 것을 추론한다. 즉, 해당 함수를 사용할 때 명시적으로 코드를 작성하지 않아도 된다. 위의 코드를 참고해서 직접 타입 추론을 해보면 이해에 도움이 될 것이다.
• undefined를 반환하는 이유
  • 🚩: undefined를 반환하는 원인 찾기
  • addAndHandle함수를 test라는 변수에 초기 값을 할당하고 해당 변수를 log로 찍어보면 undefined가 나오는 것을 확인할 수 있다. 이전에도 언급했지만 함수의 반환 값이 void이며 return값을 지정하지 않으면 이와 같은 결과가 도출 된다.
    • 구체적 원인
      • 🚩: undefined의 반환 원인 분석 결과
      • 원인을 분석하는 방법은 매운 간단하다. 리터럴 타입을 확인하면 된다. addAndHandle의 반환되는 리터럴 타입은 number이다. 타입을 지정하지 않았기 때문에 암묵적으로 result의 타입을 끌고와서 number로 타입이 지정된다. 따라서 함수 타입을 지정하거나 return값을 지정해주면 undefined가 아닌 정상적인 코드가 출력 될 것이다.

📌Summary

• 여기까지 Ts의 가장 핵심들인 문법인 것 같다. 물론 section2의 나머지 2강의가 남아 있지만 지금까지 가장 중요한 키워드는 타입 추론이며 어디에 어떻게 타입이 할당되어 있는지를 주도면밀하게 파악을 해야한 다는 것을 알았다. 물론 아직 미지수인 의문들과 물음들을 가지고 있지만 차차 프로젝트와 Ts를 학습하면서 풀어 나가면 되지 않을까 한다.