함수에서 타입확인 이전에 작성했던 파일에서 함수에 마우스를 올리면 해당 함수에서 받는 매개변수와 리턴되는 값의 타입 정보를 확인할 수 있습니다. 간단하게 살펴보자면 any 는 아무 타입의 값을 다 받을 수 있다는 의미입니다. 또한 void (빈공간) 는 해당 함수의 return 되는 값이 없다는 뜻이고요 . 타입 지정 sayHi 함수에서 받는 매개변수들의 타입을 지정해 주고 싶습니다. 이름이 숫자를, 나이가 문자열을 등등.... 엉뚱한 값을 넘기게 되면 안되니까 말이죠. string 문자열 , number 숫자 다음과 같이 " 변수 : 타입 " 으로 타입을 지정해주면 됩니다. name은 이름이니 문자열로, age는 나이니 숫자로, gender은 "male" 혹은 "female" 문자열로 받을거라 stri..
섬세한 Typescript 타입스크립트는 선언을 할때마다 어떤 종류의 변수와 데이터인지 설정을 해줘야합니다. 해당 변수가 number인지 string인지 number형 배열인지 object, object의 값은 어떻게 설정되어 있는지, function의 매개변수값의 타입은 뭔지, 리턴되는 값의 타입은 뭔지 등등 신경써야할 내용이 많습니다. 기본 Typescript 규칙 다음과 같은 코드가 있습니다. name, age, gender 변수를 sayHi 함수로 넘기고 실행시켜 콘솔에 찍게 하는 로직입니다. // index.ts const name = "테스트", age = 24, gender = "male"; const sayHi = (name, age, gender) => { console.log(`Hell..
앞서... 본 공부는 노마드 코더의 Typescript로 블록체인 만들기 강의를 통해 진행했습니다. Typescript 는 javascript의 업그레이드 버전이라고 말 할수 있는데 자바스크립트에는 엄격한 규칙이 없어 유연하게 개발을 할 수 있습니다. 다만 큰 프로젝트를 진행하고 팀으로 일을하다보면 엄격한 규칙이 단점이 되게됩니다. 자바스크립트는 2 + "2" = 4 인 number + "string : number" 이 가능하여 버그를 발생할 수 있는 여지가 있습니다. Typescript의 특징 참고 : https://www.samsungsds.com/kr/insights/TypeScript.html 특징 1. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를..