[Modern_JS] 자바 스크립트 기본편 (1)

Develop/JavaScript

[Modern_JS] 자바 스크립트 기본편 (1)

KimBangg 2021. 1. 12. 23:01

[1] Script Tag

- HTML 코드 사이에, Script tag를 선언하면 " 자바 스크립트 " 코드 삽입이 가능해진다.

- alert는 팝업 문구를 나오게 하며, <script src="/path">를 통해 다른 위치에 있는 js를 불러 올 수 있다.

<!DOCTYPE HTML>
<html>

<body>

  <p>스크립트 전</p>

  <script>
    alert( 'Hello, world!' );
  </script>

  <p>스크립트 후</p>

</body>

</html>

[2] 코드 구조

- 줄 바꿈이 있다면, 세미 콜론을 생략 O

alert('Hello')
alert('World')

[3] 변수와 상수

if (true) {
  var x = 3;
}
console.log(x); // 3

if (true) {
  const y = 4;
  let z = 5;
}
console.log(y); // not define
console.log(z); // not define

[4] 자료형

- 문자 ( String )
문자열을 출력하는 방법은 아래의 3가지로 존재합니다.

[1] 큰 따옴표 " " // [2] 작은 따옴표 ' ' // [3] 백틱 (`) => tap 위에 있음

let name = "John";

// 백틱(``) 사용
alert( `Hello, ${name}!` ); // Hello, John!
alert( `the result is ${1 + 2}` ); // the result is 3

// 따옴표 사용
alert( "Hello, ${name}!" ); // Hello, ${name}!

[5] 형변환

// 문자열로 변환
let value = true;
alert(typeof value); // boolean
value = String(value); // 변수 value엔 문자열 "true"가 저장됩니다.

// 숫자로 변환
let str = "123";
alert(typeof str); // string
let num = Number(str); // 문자열 "123"이 숫자 123으로 변환됩니다.