02. React.JS 기초 - 자료형과 형 변환

자바스크립트의 자료형 구분은 크게 2개, 작게는 8가지로 구분된다.

큰 구분은 
1. PRIMITIVE DATA TYPE(원시 데이터 타입)
2. NON PRIMITIVE DATA TYPE(비원시 데이터 타입)

상세하게는 아래와 같이 나누어진다. 
PRIMITIVE DATA TYPE : 한번에 하나의 값만 가진다.
 - number 
 - string
 - boolean
 - Null
 - undefined
NON PRIMITIVE DATA TYPE : 한번에 여러개의 값을 가질 수 있다.
 - Object
 - Array
 - Function

PRIMITIVE DATA TYPE에 대해서 자세히 알아보면
1. number 타입 : 자바스크트에서는 다른 언어와 다르게 정수 실수 구분을 하지 않는 특징이 있다. 
사칙연산이 가능하다.

+ 뿐아니라 *, %, - 등의 사칙연산이 가능하다. 

또한, 양수 무한대 표현, 음수 무한대표현 그리고 수학저 연산 실패를 표기하는 변수가 있다.

2. string 
자바스크립트에서 문자열의 표현은 " "(더블 쿼테이션), ' '(싱글 쿼테이션) 그리고 ``(백틱)을 이용하여 표현할 수 있다.
여기서 ``을 이용한 표현에 익숙해지는게 좋을듯하다.
그이유는 템플릿 리터럴이라는 표현 방식 때문인듯한데 템플릿 리터럴은 변수 값안에 변수를 선언하는 방식인것 같다.

name3이라는 변수에 hughlee33이라는 문자열과 위에서 선언한 name2변수값을 ${}을 이용하여 추가로 표기 할 수 있었다. 

3. boolean  : 오직 true, false 값만 가지는 변수이다. 
boolean 값을 이요해서 if 문이나 while 문을 수행할 때 사용을 많이 하는것으로 알고 있다. 


4. null : 의도적으로 변수에 빈값을 넣는 경우 
변수에 null 값을 대입하여 null이 도출되도록 의도적 으로 코딩

5. undefined : 변수만 선언하고 값을 부여하지 않은 경우 

어떤 용도로 사용되는지 알아봐야 할것 같다. 

데이터의 형변환 
자바스크립트에서는 문자와 숫자간의 * 연산이 되는 경우 적절히 문자를 숫자로 변환하여 계산을 진행한다. - 묵시적 형변환

12라는 숫자와 5라는 문자를 곱하라는 명령이 내려진 경우 v8엔진에서 묵시적으로 5를 숫자형으로 변경하여 계산을 한다. 

하지만, + , - 인 경우에는 어떨까? 

+인 경우 숫자인 12와 문자인 5를 그대로 붙여서 125라는 문자 열이 노출된다. 

만일, 문자형으로된 데이터를 + 하고 싶은 경우에는? 
parseInt 를 사용해서 문자열을 숫자형으로 형변환 한다. 


기억하자 parseInt 




댓글