왜 타입스크립트인가?

학원 팀프로젝트로 만들었던 웹사이트는 Server는 자바 Front는 자바스크립트(React)로 만들었다.

타입스크립트를 적용하면 좋다라는 말을 들었지만, 기간내에 결과물을 만들어야 하고 적용에 어려움을 느껴서 사용하지 못했다. 그점이 프로젝트를 하면서 아쉬웠던 부분중 하나이다.

서버와 프론트를 둘다 개발하면서 자바스크립트가 자바보다 편하고 제약이 덜해서 그런지 나와 잘 맞는다는 생각이 들었고 프로젝트 이후 코딩 테스트에서도 자바스크립트로 푸는 것에 익숙해졌다.

자바스크립트는 엄격한 규칙이 없기 때문에 사용하기 쉽고 원하는 방향을 수정하기도 편하다. 하지만 이런 자바스크립트에도 문제가 있는데 규칙이 없기 때문에 오류 수정에 어려움이 많다.

이런 단점때문에 큰 프로젝트에 적용하기에, 자바스크립트는 조금은 위험한 언어가 될 수 있다. 팀으로 일하거나 버그를 최소화하고 싶을 때는 자바스크립트는 단점이 되기도 한다.

타입스크립트를 적용한다면 자바스크립트는 조금 더 예측 가능하고, 읽기 쉬운 코드로 작성이 가능하게된다. 이것이 바로 타입스크립트를 사용하는 이유이다.

타입스크립트 사용방법

const sayHi = (name:string, age: number, gender:string):string => {
    
    return (`Hellow ${name}, you ar ${age}, you are a ${gender}`)
}

sayHi("KyungYeol", 30, "male");코드를 입력하세요

타입스크립트를 사용하는 방법을 보면 자바와 유사점을 많이 찾을 수 있다. 자바에서 클래스, 파라미터의 타입을 지정 해주는 것처럼 타입스크립트는 Javascript에서 사용하는 function, 파라미터의 타입을 지정할 수 있게 해주고 이런 규칙을 통해 자바스크립트의 약점을 극복할 수 있다.

인터페이스 사용하기

interface Human {
    name: string,
    age: number,
    gender: string
}

const person = {
    name: "KyungYeol",
    gender: "male",
    age: 22
}

const sayHi = (person:Human):string => {
    return (`Hellow ${person.name}, you ar ${person.age}, you are a ${person.gender}`)
}

위 코드에서 보이는 것처럼 타입스크립트를 통해 자바에서 익숙하게 사용했던 인터페이스도 사용할 수 있다.

지금까지는 왜 타입스크립트의 장점, 왜 사용해야하는지 그리고 간단한 사용방법을 알아봤다.
다음 포스팅에서는 타입스크립트에 대해 조금 더 자세히 알아보자!