변수

Notice

Recent Posts

Recent Comments

Link

깃허브

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

EverGiver

변수 본문

Front-End (웹)/jQuery

변수

친절한개발초보자 2021. 12. 13. 16:30

728x90

변수

데이터를 저장할 수 있는 메모리 공간

(한 개의 데이터만 저장이 가능하고, 새로운 데이터가 들어가면 이전 데이터는 삭제된다)

변수 이름 지정 시 주의사항
1. 띄어쓰기는 하지 않는다.
2. 한글은 되도록 쓰지 않는다.
3. 영어는 대소문자를 구분한다.
4. 특수기호는 _ $만 사용 가능하다.
5. 첫 글자는 숫자를 사용하지 않는다.
6. 약속어를 사용하지 않는다. (document, window, name...)
7. 변수 이름에 의미를 정확히 부여한다.

데이터 유형

문자형 데이터 - String
숫자형 데이터 - Number
논리형 데이터 - Boolean
비워진 데이터 - null, undefined

cf) typeof
: 데이터 유형을 체크하는 명령어

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01.변수</title>
</head>
<body>
    <script>
        var a = 100; // a라는 변수에 100이라는 값을 치환하여라
        a = 200; // a의 100은 사라지고, 200이라는 숫자가 새롭게 치환된다.
        
        // [문자형 데이터 - String]
        var str1 = "javascript";
        var str2 = '100';
        var str3 = '<h1>String</h1>';
        document.write(str1, '<br />');
        document.write(str2, '<br>');
        document.write(str3, '<br>');

        // [숫자형 데이터 - Number]
        var num1 = 200;
        //var num2 = '100';
        var num2 = Number(str2);    // 문자형 데이터를 숫자형 데이터로 치환
        document.write(num1, '<br>');
        document.write(num1+num2, '<br>');

        // [논리형 데이터 - Boolean] - true / false
        var bool1 = true;
        var bool2 = false;
        var bool3 = 10 < 5; // false
        var bool4 = Boolean('sbs')   // 0, null, undefined를 제외한 나머지 true
        document.write(bool1, '<br>');
        document.write(bool2, '<br>');
        document.write(bool3, '<br>');
        document.write(bool4, '<br>');

        // [비워진 데이터] - null, undefined
        var b;
        var c = null;
        document.write(b, '<br>');
        document.write(c, '<br>');

        // [typeof - 데이터 유형을 체크하는 명령어]
        document.write(typeof str2, '<br>');
        document.write(typeof num1, '<br>');
    </script>
</body>
</html>

지역변수와 전역변수

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>08.지역변수와전역변수</title>
</head>
<body>
    <script>
        // name이라는 변수를 만들기 : '말티즈'
        var name = "말티즈";

        // 위에 선언한 name 그대로 표시 : '말티즈'
        document.write(name, '<br>')

        // name1이라는 함수를 만들기
        // var : 지역변수 - name1이라는 함수 안에서만 인식
        function name1(){
            var name = '렄키';
            document.write(name, '<br>')
        }

        name1()

        // name1의 럭키는 지역변수이기 때문에 인지 X - '말티즈'
        document.write(name, '<br>')

        // name2
        // var 사용x : 전역변수 - 함수 밖에서도 인지하는 변수
        function name2(){
            name = '흰둥이';
            document.write(name, '<br>')
        }

        name2()

        // name2의 흰둥이는 전역변수이기 때문에 밖에서도 인지 - '흰둥이'
        document.write(name, '<br>')
    </script>
</body>
</html>

728x90