티스토리 뷰

[JQUERY]자바스크립트

jQuery 001. 변수사용 var

가산동 2018. 7. 21. 09:57

제이쿼리 변수(var)에 대해서 알아보자.


아래는 전체 소스.

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    
    <script>
        $(function(){       // jquery 시작
 
            //변수 생성 및 저장
            
            //변수 1:1 생성
            var num1 = 1000;         // 숫자 변수
            var num2 = 2000;         
            var numSum = num1 + num2; // 변수 1 + 변수 2
            
            //변수 다중? 생성
            var str1 = 'a' , str2 = 'b'; //문자 변수
            var str3 = 'c' , str4 = 'd'; //문자 변수
            
            var strSum = str1 + str2; // 변수 1 + 변수 2
            var strSub = str3 - str4; // 변수 3 - 변수 4
            
            //true 와 false
            var isEqual1 = (1==1);
            var isEqual2 = (1==0);
            
            //값을 설정하지 않은 경우
            var emp;
            
            
            /// 값을 확인해보자.
            document.write("변수 1:1 생성" ,"<br>")
            document.write("num1 //  " + num1 ,"<br>");
            document.write("num2 //  " + num2 ,"<br>");
            document.write("numSum //  "+ numSum ,"<br>");
            
            document.write("<br>")
            
            document.write("변수 다중? 생성" ,"<br>")
            document.write("str1 //  " + str1 ,"<br>");
            document.write("str2 //  " + str2 ,"<br>");
            document.write("str3 //  " + str3 ,"<br>");
            document.write("str4 //  " + str4 ,"<br>");
            document.write("strSum //  "+strSum ,"<br>");
            document.write("strSub //  "+strSub ,"<br>");
         
            document.write("<br>")
            
            document.write("true 와 false" ,"<br>");
            document.write("isEqual1 //  " + isEqual1 ,"<br>");
            document.write("isEqual2 //  " + i
            document.write("<br>")
            
            document.write("값을 설정하지 않은 경우" ,"<br>");
            document.write("emp //  " + emp ,"<br>");
        });
    </script>
</head>
    <body>
    </body>
</html>
cs
sEqual2 ,"<br>");
           

하나씩 보면, 


//변수 1:1 생성
var num1 = 1000;         // 숫자 변수
var num2 = 2000;         
var numSum = num1 + num2; // 변수 1 + 변수 2


num1 라는 변수에 숫자 1000을 대입하고, 

num2 라는 변수에 숫자 2000을 대입한다.

그리고 numSum 이라는 변수에 num1 와 num2 의 합을 대입한다.


결과적으로 numSum 이라는 변수에는 3000이 대입된다.


//변수 다중? 생성
var str1 = 'a' , str2 = 'b'; //문자 변수
var str3 = 'c' , str4 = 'd'; //문자 변수

var strSum = str1 + str2; // 변수 1 + 변수 2
var strSub = str3 - str4; // 변수 3 - 변수 4


변수를 한번에 여러개 생성할 수 있다. 구분방법은 ' , ' 다.

str1 에 문자 'a' 를, str2 에 문자 'b'를 ,

str3 에 문자 'c' 를, str4 에 문자 'd'를 대입했다.


strSum 은 str1+str2 의 값을 대입하고,

strSum 은 str3+str4 의 값을 대입한다.


결과는 strSum 은 'ab' 가되고, strSub는 NaN 이된다. 

NaN은 'not a number' 라는 뜻으로 숫자가 아니라는 뜻이다.


//true 와 false
var isEqual1 = (1==1);
var isEqual2 = (1==0);
            
//값을 설정하지 않은 경우
var emp;


1 과 1 은 같다. ture,

1 돠 0 은 다르기 때문에 false 다. 


값을 설정 하지 않으면, undefined를 출력하게된다. 


document.write()

는 html 에서 () 안에 있는 내용을 출력해준다. 

결과를 확인해보면, 



위와같이 나오는 모습을 볼 수있다. 


이미지에서 나온 문서편집기 설치 및 설정 방법은,

>>[[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 설치하기

>>[[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 설정하기

>>[[JQUERY]자바스크립트] - 어도비 브라켓(ADOBE Brackets) 제이쿼리(jquery) 연결하기


저작자표시 비영리 변경금지

'[JQUERY]자바스크립트' 카테고리의 다른 글

jQuery 003. 출력기능 document.write()  (0) 2018.07.21
jQuery 002. 알림창 alert()  (0) 2018.07.21
어도비 브라켓(ADOBE Brackets) 제이쿼리(jquery) 연결하기  (1) 2018.07.20
어도비 브라켓(ADOBE Brackets) 설정하기  (0) 2018.07.19
어도비 브라켓(ADOBE Brackets) 설치하기  (0) 2018.07.18
댓글