콘솔 & 변수의 사용 방법

치로·2024년 8월 20일

콘솔

  • 웹 브라우저에서 화면에 표시되는 것과 관계없이 어떠한 내용을 출력하기 위한 공간
  • 각 브라우저마다 콘솔 기능을 지원하고, 프로그램의 중간 단계의 변화 상태를 출력하여 프로그램 실행 과정을 추적할 수 있음

변수의 사용 방법

1. 변수의 사용

  • 변수를 사용하기 위해서는 "선언"과 "할당"의 두 영역으로 구분해야 함
  • 변수의 선언 : 선언은 var 키워드 뒤에 사용하고자 하는 변수의 이름을 지정하고 세미콜론(;)으로 한 라인을 종료
    ex) var num; var hello;
  • 변수의 할당 : 선언된 변수에 원하는 값을 대입하는 과정을 의미, 숫자 형식이나 문자열 등을 사용
    ex) num = 123456; hello = "안녕하세요";
  • 선언과 할당의 통합
    ex) var num = 123435; var hello = "안녕하세요";

2. 변수의 이름을 정하는 규칙

  • 변수 이름은 영문, 숫자, _만 사용 가능
  • 변수의 이름의 첫 글자는 숫자 불가능
  • 대소문자 구별, 오타 주의
  • ex) myName, my_name

3. 변수의 종류

  • javascript의 변수는 표현하는 값의 종류에 따라 형식이 구분
  • 이러한 변수의 종류를 데이터형(data Type)이라 함
  • Number : 숫자를 표현하거나 산술 연산을 하는데 사용되는 데이터 타입 (정수나 실수)
  • String : 문자열을 표현하는데 사용하는 데이터 타입, "나 '로 감싸진 문장을 의미 (문자열)
  • Boolean : 논리 데이터 타입 (참, 거짓)
  • Object : 객체를 저장하기 위한 데이터 타입, 브라우저 제어 기능(form 제어, HTML 태그 요소에 대한 제어 등이 가능)
  • Null : 개발자가 의도적으로 변수의 공간을 비워 놓을 상태를 의미 (값 없음)
  • undefined : 처음부터 변수가 선언만 되고 아무런 값도 할당되지 않은 상태를 의미, 이 상태의 변수는 어떠한 처리도 불가능(정의되지 않음)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 변수의 선언
        var num1;
        var msg1;
        
        // 변수의 할당
        num1 =12345;
        msg1 ='Hello World'

        // 변수의 선언과 할당
        var num2 = 3.14;
        var msg2 = "안녕하세요, 자바스크립트"

        console.log(num1);
        console.log(num2);
        console.log(msg1);
        console.log(msg2);

        // boolean값
        var isMan = false;
        console.log(isMan);

        // null값
        var value1 = null;
        console.log(value1);

        // undefined
        var value2;
        console.log(value2)
    </script>
</body>
</html>

0개의 댓글