JS / 01 / 기초-3

JS의 자료형

① nuumber : 정수,실수 모두

② string : "문자열",'문' "",'' 모두

• 자바의 경우, " " : 문자열 / ' ' : 문자

③ boolean : True or False

④ undefined

• 데이터가 할당 된 적이 없다 / 정의가 되지 않았다
• 프론트에서 잘 못 된 데이터를 넘길 떄.
• 백엔드에서 데이터를 잘 못 넘겼을 때.
• 아! 데이터를 주고 받는 와중에 문제가 발생했구나 !
  (올바르게 통신이 안 되고 있구나 !)

⑤ null

• '없다' 의 의미를 가진 ★데이터★

let money ;  👉 변수 할당 된 적 없으니, undefined
let money = null ; 👉 '없다'의 의미를 가진 데이터를 가지고 있음

---

JS 자료형의 형변환

문자 👉 숫자(정수) : parseInt("3.15")

문자 👉 숫자(실수) : parseFloat("3.15")

정수, 실수 모두 자료형은 : Number

parse : 개발에서, 변환하겠다는 용어로 쓰임

---

문자 👉 정수 or 실수 자동으로 변환 : Number("문자열")

• 숫자로 바꿀 때, 가장 많이 사용
  

---

숫자 👉 문자 : String(숫자)

---

✅ 실습문제

• 두개의 숫자를 입력 받고, 합계를 출력하라

초기 코드)

let num1 = prompt("첫번째 수를 입력해주세요.")) ;
let num2 = prompt("두번째 수를 입력해주세요.")) ;


let changenum1 = Number(num1); 
let changenum2 = Number(num2);

console.log('테스트중인 함수',changenum1+changenum2) ;

👉 변수 설정 후, 추가로 변수를 또 만들어서 숫자로 형변환을 시도 했음
👉 JS-기초 02 中 : 변수를 남발하지말자

[ ⭐️ ] 개선 코드)

let num1 = Number(prompt("첫번째 수를 입력해주세요.")) ;
let num2 = Number(prompt("두번째 수를 입력해주세요.")) ;

console.log('입력하신 합계는',(num1+num2)) ;

or

console.log(`입력하신 합계는 ${num1+num2}`) ;

👉 입력 창에서 바로 형변환을 통해서, 따로 변수를 설정 안 하고 활용 가능하게함

[ ❗️ ] 사용자에게 데이터를 입력 받을 때. 데이터가 숫자데이터를 의미한다면,
반드시, 변수를 넣을 때 부터 형변환으로 넣어라

👉 데이터의 활용가치가 ↑