자바스크립트작성하기 / 값(Value), 변수(Variable) / 자료형(DataType) | 👩‍💻 Jinsol's Blog 👩‍💻

자바스크립트작성하기 / 값(Value), 변수(Variable) / 자료형(DataType)

15 Sep 2021 - 1 minute read

JavaScript 작성하기

내부자바스크립트 (Inner JS) : html 파일 안에서 script 태그 이용

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title>JavaScript</title>
      <link rel="stylesheet" href="styles.css">
      <script>
           let js = 'amazing';
           if (js === 'amazing') alert ('JavaScript is Fun')
      </script>
  </head>
  <body>
       
  </body>
  </html>

외부자바스크립트 (Outer JS) : 외부 파일에 코드 작성 / 확장자 : ` .js `

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title>JavaScript</title>
      <link rel="stylesheet" href="styles.css">
  </head>
  <body>
       

     <script src="script/script.js"></script>
  </body>
  </html>

값(Value) / 변수(Variable)

값(value) : the smallest unit of information that we have in JS

변수에 값 저장하기

  let firstName = "Jinsol";
  // Jinsol > value
  // 문자열 "" / '' 모두 가능

  console.log("Jinsol"); 
  //literal value 출력 대신
  console.log(firstName);
  //변수명으로 쓸 수 있음

자바스크립트 변수명 규칙
- camelCase
- 첫글자는 소문자
- 첫글자 숫자 안됨
- 언더스코어, 달러기호 제외 특수문자 안됨
- 예약어 키워드 안됨
- 변수명은 알아보기 쉽게!

자료형(Data Type)

Primitive Data Types
- number : 정수, 소수
- string : 문자열
- boolean : true / false
- undefined : 변수 값이 아직 지정되지 않은 상태 (empty value)
- null : empty value
- symbol
- BigInt
Dynamic Typing(동적 타이핑)
- 변수에 값 저장 시 데이터 타입 지정 X
- 변수에 값이 저장될 때 자동으로 데이터 타입 지정됨
- 변수가 아닌 값에 데이터 타입 지정되는 것!, 변수는 단지 타입을 가진 값을 저장하는 것!
- 변수 저장 후 데이터타입 변경 가능
```
  let A = true;
  console.log(typeof A); 
  // > boolean 출력

  A = "Hello";
  console.log(typeof A); 
  // > string출력
```

Categories:

Javascript