Basic javascript 1-1

Javascript의 Loose Typing 이란 무엇일까?

먼저 Loose typing이 무엇인지, 느슨한 타이핑이 아닌건 무엇인지 이해하는것이 중요한데!
loose typing은 타입없이 변수를 선언하는 방식이고,
반면에 strong typing을 사용하는 언어는 타입과 함께 변수를 선언해야만 한다.
쉽게 요약하면 변수에 타입을 필수적으로 지정하지 않아 '느슨한 타입'이라고 할 수 있고
변수에 저장 되는 값의 타입을 언제든지 바꿀 수 있기 때문에 동적 타입 언어라고도 불릴 수 있습니다.

/ JavaScript Example (loose typing) /
var a = 13; // Number 선언
var b = "thirteen"; // String 선언

javascript 예제를 보면 a,b 둘다 var type 유형으로 선언 되고 있다.
그렇지만 이것이 유형이 없거나 "var"유형이라는 의미가 아니라는데;;
var 값은 const와 반대로 언제든지 변형이 가능한 변수라서 느슨한 타입이라고 하는건가?
그래서 반대 예시를 가져와봤다.

/ java example (strong typing) /
int a = 13; // int declaration
string b = "thirteen"; // string declaration

Java 예시에서는 loose typing 방식과는 반대로 strong typing 을 하고 있는데.
아예 int(=number) 값과 string 값을 주고 있다.
아하! type에는 Number,String,Boolean(true,false),null,undefined 이렇게 5가지 종류가 있는데 type 없이 변수를 선언하는게 이거구나 !!
이해가 되어버렸다!

잠깐?
이러한 특징이 결국 자바스크립트의 약점이 된다는데?
자바 스크립트는 컴파일 된 후 실행되는것이 아니라 실행 되는 순간 한줄씩 읽으며 (인터프리터) 실행이 된다는데 이건 즉 , 컴파일 되는 과정이 따로 없기 때문에 타입 오류를 실행 전에 체크 할수가 없다.

자바스크립트에서 흔히 발생하는 재밌는 예시를 들고 왔다.

🤓백엔드 개발자: 이번에 사용할 API 명세와 함께 전달드렸습니다~ 확인 부탁드려요!
params 예시
{
id: number,
name: string,
display: string,
price: string
}

🙂나: 감사합니다, 한번 테스트 해볼게요!
data: {
id: 1,
name: '준',
display: '하하하',
price: 25000 // ?!
}
🙂(멍청한)나: 아니, 이거 API가 잘못된 것 같은데요? 로그 확인 부탁드려요 ㅠ ㅠ
🤓백엔드 개발자: 아니, 명세 제대로 안 읽어 보셨어요?! 😡

그렇다면 약점을 보완하기 위해서 개발자가 해야하는 일은 무엇일까?

1.예상되는 타입 에러를 예외 처리
2. 자바스크립트 언어에 type 추가 된 타입 스크립트의 사용

대표적으로 두가지가 있다.
타입스크립트 ?😒😒
이건 또 뭐지?🤦‍♂️🤦‍♂️🤦‍♂️ 머리가 아프기 시작..
설명이 필요해~~~
타입 스크립트를 설명하기 위해선 먼저 인터프리터 언어or 컴파일 언어를 설명해야 하는데
1.인터프리터언어
인터프리터 언어는 원시코드(프로그래머가 작성한 소스코드)를 기계어로 변환하는 과정없이 한줄 한줄 해석하여 바로 명령어를 실행하는 언어를 말합니다.
2.컴파일 언어
컴파일 언어는 원시코드(프로그래머가 작성한 소스코드)를 모두 기계어로 변환한 후에 기계(JVM 같은 가상 머신)에 넣고 기계어 코드를 실행합니다.
👀
타입스크립트 장점는 자바스크립트에서 정적 타입 체크와 강력한 문법을 추가한 컴파일 언어이기 때문에 컴파일 단계에서 보다 더 많은 것을 감지해 줍니다.
오타 감지와 문법체크는 물론이며, 타입 체크가 올바로 이루어지지 않거나, 무조건 null 이나 undefined로 떨어지는 객체를 감지 해줍니다!

그렇지만 타입스크립트도 단점이 있는데..
1.사용하고자 하는 모듈을 install 하려고 해도 d.ts 파일을 제공하지 않는다.
2.완벽하지 않은 언어이기 때문에 라이브러리를 못찾는다..

<참고 링크>
(https://lazygay.tistory.com/14?category=1040487)
(https://dzone.com/articles/understanding-loose-typing-jav)
영어사이트를 번역해서 쉽게 설명해준 사이트
(https://bestalign.github.io/dev/understanding-loose-typing-in-javascript/)
<컴파일 언어,인터프리터 언어 참고 사이트>
hashcode.co.kr/questions/7560/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94-%EC%BB%B4%ED%8C%8C%EC%9D%BC%EC%96%B8%EC%96%B4%EC%9D%B8%EA%B0%80%EC%9A%94-%EC%9D%B8%ED%84%B0%ED%94%84%EB%A6%AC%ED%84%B0-%EC%96%B8%EC%96%B4%EC%9D%B8%EA%B0%80%EC%9A%94
<타입스크립트에 대해서!>
출처: https://enfanthoon.tistory.com/171 [June Dev Blog:티스토리]