TIL] 데이터 타입

데이터 타입

데이터 타입은 줄여서 타입이라고도 하고 값의 종류를 말합니다.

자바스크립트의 모든 값은 데이터 타입을 갖습니다.

자바스크립트는 7개의 데이터 타입을 제공하는데 7개의 타입은

원시 타입과 객체 타입으로 분류할 수 있습니다.

1. 숫자 타입 (숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재합니다)
2. 문자열타입 (문자열 타입입니다!)
3. 불리언 타입 (참과 거짓을 나타냅니다)
4. undefined 타입 (선언된 변수에 암묵적으로 할당되는 값입니다.)
5. null 타입 (값이 없다는 것을 의도적으로 명시할 때 사용하는 값입니다.)
6. 심벌 타입 (ES6에서 추가된 7번째 타입입니다.)

위에 나온 여섯 가지는 원시 타입을 나타냅니다.

객체 타입은 객채, 함수, 배열 등이 있습니다.

1과 '1'은 숫자 타입과 문자열 타입으로 다른 타입입니다.

숫자 타입은 연산을 위해 생성하지만 문자열 타입은 텍스트를 화면에 출력하기 위해 생성합니다.

문자열을 사용할 때 유의사항이 있는데 문자열을 따옴표로 감싸지 않으면 자바스크립트 엔진은

키워드나 식별자 같은 토큰으로 인식합니다.

그리고 만약 따옴표로 문자열을 감싸지 않는다면 스페이스와 같은 공백 문자도 포함시킬 수 없습니다.

---

템플릿 리터럴

템플릿 리터럴은 멀티라인 문자열, 표현식 삽입, 태그도 템플릿 등 편리한 문자열 처리 기능을 제공합니다.

템플릿 리터럴은 런타임에 일반 문자열로 변환되어 처리됩니다.

또한 템플릿 리터럴의 특징으로는 작은따옴표 또는 큰따옴표 같은 일반적인 따옴표 대신

백 틱을 사용해 표현합니다.

멀티라인 문자열

let template = `Template literal`;
console.log(template);// Template literal

일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄 바꿈이 허용되며,

모든 공백도 있는 그대로 적용됩니다.

표현식 삽입

템플릿 리터럴 내에서는 표현식 삽입을 통해 간단히 문자열을 삽입할 수 있습니다.

 

let first = "안녕";
let last = "하세요";
console.log(`반갑습니다! ${first} ${last}!`);
//반갑습니다! 안녕 하세요!

표현식을 삽입하려면 ${}으로 표현식을 감쌉니다. 이때 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제로 변환됩니다!

---

심벌 타입

심벌은 변경 불가능하고 다른 값과 중복되지 않는 유일무이한 값입니다!

따라서 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용합니다!

---

typeof

typeof연산자로 변수를 연산하면 변수의 데이터 타입을 반환합니다!

정확히 말하자면 변수의 할당된 값의 데이터 타입을 반환하는 것입니다!

---

동적 타이핑

자바스크립트의 변수는 선언이 아닌 할당에 의해 타입이 결정됩니다.

그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있습니다.

이러한 특징을 동적 타이핑이라 하며 자바스크립트를 정적 타입 언어와 구별하기 위해 동적 타입 언어라고 합니다.

동적타입 언어는 변수에 어떤 데이터 타입의 값이라도 자유롭게 할당할 수 있습니다.

동적타입 언어의 단점으로는 숫자 타입의 변수일 것이라고 예측했지만 사실은 문자열 타입의 변수일 수 있습니다.

잘못된 예측에 의해 작성된 프로그램은 오류가 발생합니다. 따라서 동적 타입 언어는 유연성은 높지만 신뢰성은 떨어집니다.

이러한 것을 방지하기 위해 코드를 오해하지 않도록 작성해야 하고

코드는 동작하는 것만이 존재 목적은 아닙니다. 코드는 개발자를 위한 문서이기도 하기 때문에

가독성이 좋은 코드를 만들어야 합니다!

---

오늘은 리액트와 리액트 리덕스를 활용한 투두 리스트를 만들고

자바스크립트에 대한 공부를 하였습니다.

투두 리스트는 간단한 토이 프로젝트임에도 아직 어려웠지만

코딩은 정말 재밌는 것 같습니다.

정말 시간 가는 줄 모르고 코딩을 했고 성공했을 때의 기쁨은 말로 표현할 수 없는 것 같습니다!

자바스크립트에 대한 이해도가 아직 많이 부족한 탓인지

리액트가 아직 서투른 탓인지 아니면 자바스크립트의 이해도가 부족하고 리액트가 아직 서툴러서 어려운지 몰라도

꾸준히 열심히 공부하면 불가능은 없다는 생각으로 열심히 공부하고 있습니다!

또한 매일매일 코딩을 하면서 느껴지는 게 어제보다 나은 오늘이 되는 것 같아 기분이 좋습니다.

다들 파이팅입니다!

👍👍👍✍️✍️✍️✍️