ABOUT ME

    • 변수,연산자,window이벤트_210406(화)
      JAVASCRIPT 2021. 7. 21. 23:42

      ​JAVASCRIPT

      식별자(변수이름)

      생성자 함수의 이름은 대문자로 시작

      변수와 인스턴스, 함수, 메서드 이름은 소문자로 시작

      식별자가 여러 단어로 이루어지면 각 단어의 첫문자는 대문자.(카멜표기법)

      ​

      alert() = 함수

      Array.length = 속성

      input = 변수

       

      true는 1 false는 0, 트루가 더 크다.

      ​

      alert( 20 > 10 > 5) = false

      이유: 20 > 10에서 'true = 1'

      그래서 1 > 5 'false'

       

      1
      2
      3
      4
      5
      6
      7
      8
      9
      /*      
       이스케이프문자(다 역슬래시)
           \n : 줄바꿈
           \t : 수평탭
           \' : 작은따옴표
           \" : 큰따옴표
           \\ : 역슬래쉬
      */
       
      		 cs

      ​

      변수란

       

      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
      64
      65
      66
      67
      68
      69
      70
      71
      72
      73
      74
      75
      76
      77
      78
      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>Insert title here</title>
         <script>
            /* 소스 코드는 하드디스크에 있다. 그변수의 데이터는 ram의 메모리에 변수 이름이라는 메모리를 만들고 그 안에 데이터를 넣는다.(그럼, 해당 장소의 위치와 데이터를 함께 저장!)
            보통 다른 변수(저장소)에 같은 값(컨스턴스)을 넣는다면 마지막 값은 지운다. 근데 컨스턴스는 변하지 않는다. 변수는 변하되 컨스턴스는 변하지 않음!
            변수란?
            1. 값을 저장하는 장소(메모리 공간)
            2. 변수에는 숫자뿐만 아니라 모든 자료형이 지정이 가능함(타입 지정을 하였더라도 모든 자료형을 넣을 수 있음.)
            3. 변수를 사용하려면 
               1) 변수 선언: 변수를 만드는데 메모리 저장공간을 확보하는 것!
               2) 변수에 특정 값을 할당하는 것!
            4. 변수의 선언 - var 식별자(=변수명);
            */
            //변수의 선언은 
         /*    var pi; //값을 안주면 자바에서는 에러 나오지만 여기서는 undefined로 나온다.
            alert(pi); 
            
            pi= 3.141592; //변수 초기화(자바랑 같음.)
            alert(pi);
            
            var pi=3.140000; //변수 선언과 동시에 초기화가 된 것!
            alert(pi); */
            
         /*    let xx=100;
            alert(xx);
            
            xx=3.141592;
            alert(xx); */
         
         /*
         변수의 명명규칙
         (필수!)
            1) 키워드(예약어)는 안된다.(약 28개)
            [관례]
            2) 숫자로 시작하면 안된다.
            3) 특수문자는 언더바(_)와 달러($)만 가능, _xxx(o), Syyy(o) x_111(o)
            4) 변수명 사이에는 공백문자는 불가!!
            5)[관례] 한글명도 가능하다!!.
            영숫자문을 보통 사용하는 것이 관례이다!
            6) 생성자함수의 이름은 대문자로 시작
            7) 변수와 함수(=메소드) 등의 이름은 항상 소문자로 시작한다!!
            8) 여러 단어로 구성되어 있을 때는 각 단어의 첫 글자는 대문자로 시작!.
            */
      //   var var=10; //(빨간줄은 에러다!!)
      //   var 10a = 15;
      /*    aaa=10;
         alert(aaa); //굳이 선언을 안해도 출력가능(자바와 다르다!!) 
         변수=10;
         alert(변수); */
         
         </script>
         <script>
         //스크립트는 여러 곳에서 지정이 가능, 변수의 선언은 연속으로 가능!
      /*     var radius, pi;
         radius = 10;
         pi=3.14;
         alert(radiut*pi*2); //원주율 공식 */
         
         //변수에 값을 선언과 동시에 할당
         var stringVar = '문자열';
         var numberVar = 100;
         var booleanVar = true;
         var functionVar = function() { //function으로 지정이 가능
            alert('함수');
         };
         var objectVar = {}; //object는 대괄호로 선언가능, 얘는 객체이다.
         var funVar = alert;
         
         funtionVar();
      </script>
      </head>
      <body>
       
      </body>
      </html>
      		 cs

       

      연산자

      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
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <title>Insert title here</title>
       
      <script>
          // 복합대입연산자 : +=, -=, *=, /=, %=
          var value = 10;
          value = value + 10;
          alert(value); //20;
          value += 10;
          alert(value); //30;
       
          //증감연산자 : ++, --
          //변수++, 변수--
          //++변수, --변수
          var number = 10;
          number++; //number = number + 1;
          alert(number); //11;
       
          alert(number++); //11;
          alert(number); //12;
       
          var number = 10;
          alert(number++); //10;
          alert(++number); //12;
          
          
          
      </script>
       
      </head>
      <body>
       
      </body>
      </html>
      ​
      		 cs

       

      window 의 이벤트

      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
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <title>Insert title here</title>
      <script>
          window.onload = function() {
              //alert('html이 메모리에 올라오면 자동으로 실행!!')
              var list = '';
              list += '<ul>';
              list += '<li>java</li>';
              list += '<li>css3</li>';
              list += '<li>javascript</li>';
              list += '<li>jquery</li>';
              list += '<li>bootstrap</li>';
              list += '</ul>';
       
              //문서(body)에 출력하려면
              var h1 = '<h1>Window.onload</h1>'
              document.body.innerHTML = h1 + list;
          } //윈도우가 올라오면 실행
      </script>
      </head>
      <body>
       
      </body>
       
        <ul>
            <li>HTML5</li>
            <li>css3</li>
            <li>javascript</li>
            <li>jquery</li>
            <li>bootstrap</li>
        </ul>
      </html>
      		 cs

       

      prompt, Number, string

      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
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <title>Insert title here</title>
       
      <script>
          // 외부에서 문자열을 입력받기
          // 1.prompt() : 숫자로 입력하더라도 문자열로 인식 string!!
          // 입력받을 값을 연산을 하려면 숫자형으로 변환
          // 이 함수는 2개의 매개변수가 있다.
          prompt(String message, string 값(=초깃값))
       
          var num = prompt('숫자를 입력하세요!', 100);
          alert(num); //입력한 값 리턴
          alert(typeof (num)); //string
       
          num += 1000;
          alert(num);    //1001000
          alert(typeof (num)) //string
       
          // 2. Number() : 숫자형태로 문자열을 숫자로 변환.
          num = Number(num);
          num += 1000;
          alert(num); //1100
          alert(typeof (num)) //Num
       
          // 3. string() : 숫자형을 문자형으로 변환
          num = String(num);
          num += 1000;
          alert(num); //1001000
          alert(typeof (num)) //string
       
          // 4. confirm() : boolean 값을 입력받을 때 사용
          var input = confirm("수락하시겠습니까?");
          alert(input);
          if (input == true) {
              alert('true입니다.')
          } else {
              alert('false입니다.')
          }
      </script>
      </head>
      <body>
       
      </body>
      </html>
      		 cs

      'JAVASCRIPT' 카테고리의 다른 글

      jQuery:선택자,ready(),val(),setTimeout(),each()_210409(금)  (0) 2021.07.22
      이벤트,예외처리_210409(금)  (0) 2021.07.22
      배열,객체,BOM,DOM_210408(목)  (0) 2021.07.22
      해지구달&랜덤영어날라다니기 실습_210409(금)  (0) 2021.07.22
      형변환,함수,객체,BOM_210407(수)  (0) 2021.07.22

      관련글 관련글 더보기

      댓글

    Designed by Tistory.

    티스토리툴바