IT/JavaScript

왕초보 자바스크립트(코딩앙마) #1-2 변수, 자료형

김숭늉이 2023. 3. 11. 15:54
728x90

 

 

1. #변수

어떤정보에 이름을 붙여서 사용하고 싶을떄 사용!

 

 - 문자는 항상 따옴표로 감싸주기!

 - 숫자는 따옴표 필요 없음!

 

 ** 변수명을 reserved word로 쓰면 안됨! (아래 URL 참고하기!)

     https://www.w3schools.com/js/js_reserved.asp

 

JavaScript Reserved Words

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

이렇게 변수를 선언하는건 위험하다! 왜냐하면 변수의 값이 유일하다는 보장이 없기 때문에! (큰 프로젝트에는 더욱이)

 

 

 [ let과 const의 차이 ]

 

   let : 변수 선언

   const : 상수! (변하지 않는값!)

 

    

 

 

2. 자료형

 

경고창을 띄우는 함수 alert(' .... ')

로그를 찍는 함수 consol.log()

 

const name = "Mike"; // 문자형 string
const age = 34;

const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`;


const message = "I'm a boy";
const message2 = 'I\'m a boy';
const message3 = `My name is ${name}`;        // name과 같은 변수를 넣을수 있음
const message4 = `나는 ${30+1}살 입니다`      // 계산식도 넣을수 있음
console.log (message4)
 
 
 
 
숫자형은 사연산이 가능함!

 

3. 숫자 0을 1로 나누면 === infinity!로 콘솔에 찍힘!


const x = 1/0;
console.log(x)    무한대를 얻을수 있음 

 

 

Not a number

 

4. null 과 undefined 

 

null -> 존재하지 않음

undefined -> 값이 할당되지 않음 

 

 

5. typeof 연산자 

   ㄴ 다른개발자가 작성한 혹은 api 통신등을 통해 받아왔을떄 type 확인!

        -> null은 object가 아님(자바스크립트 오류로 생각해주면됨)

 

 

6. 다양한 방식

const name = "Mike"; // 문자형 string
const age = 34;

const a = "나는 ";
const b = " 입니다.";

console.log(a + name + b);

console.log(a + age + "살" + b)

 

 

 

728x90
반응형