자바스크립트에서 함수에 인자값을 전달할 때 함수에서 받는 인자값과 함수를 호출할 때 인자값이 일치하지 않아도 문법상 오류가 나지는 않는다. 하지만 타입스크립트에서는 위와 같이 사용할 경우 에러를 내뿜는다. 함수의 인자값을 맞춰주어야 한다. 위의 처럼 함수를 호출할 때와 함수를 받는 곳에서 인자값이 일치하지 않는다면 오류가 난다. 컴파일 하지 말라는 뜻이다. 하지만 개발을 하다보면 인자값이 필요할 때도 있고 필요없을 때도 있기 마련 위의 이미지처럼 변수명 옆에 물음표(?)를 넣음으로써 해당 인자값은 있어도 되고 없어도 된다는 뜻이 된다.

자바스크립트만 사용하여 타입스크립트 처럼 보이기 위한 코딩 가이드 /** 을 이용하여 @param {type} 변수 를 작성해주면 된다. /** * * @param {number} a * @param {number} b */ const add = (a, b) => { return a + b; }; add(a, b); // @ts-check 를 작성해주면 타입스크립트와 비슷한 검증을 할 수 있다.

타입스크립트 강의를 신청했고 들은 내용을 바탕으로 듣기만 하는 것이 아닌 직접 소스코드 짜보고 왜 그런지 이해하고자 하는 마음으로 정리를 해보고자 한다. 오류를 사전에 방지 티스토리라 그런지 코드가 안 이쁘게 나온다. 조만간 CSS 손좀 봐줘야 겠다. 타입을 미리 선언하여 vscode에 자동완성 기능을 넣어준다. 자바스크립트로 만들었을 경우에는 항상 console.log(response.data); 로 브라우저에서 확인을 한 다음에 다시 코드로 돌아와서 해당 키 값을 출력해주곤 했는데 그게 아니라 미리 소스코드에 타입을 정의해 놓는 것이다. // api url var url = "https://jsonplaceholder.typicode.com/users/1"; // dom var username = d..