JS_자바스크립트 기본개념(데이터타입, JS적용방법)

 자바스크립트 적용 방법

      1. script태그 안에 코드를 구현하는 방법

        - script태그를 head태그 안에 작성

        - script태그를 body태그 안에 작성(보통 body태그 제일 하단에 작성)

      2. script태그를 이용하여 만들어져 있는 js파일을 연결하는 방법

 

자바스크립트 특징

    - 자바스크립트에서 문자열은 "", '' 둘 다 문자열

    - JS(=자바스크립트)에서 문자의 끝을 의마하는 ;를 생략해도 상관없지만 쓰는 걸로 습관을 들이자

    - JS에서 변수는 다음과 같이 선언(var와 let을 이용)

      - JS에서 변수는 다양한 타입의 값을 저장할 수 있다.

        - var num; 변수를 선언 후, 변수 num에 정수, 실수, 문자열, 논리값 등 다양한 값을 저장 가능

        - 자바에서 하나의 변수는 해당 타입의 값만 저장할 수 있다

          - int num; 변수를 선언 후 변수 num에 정수 값만 저장 가능

      - 변수 선언 생김새

        - var 변수명;

          - JS에서는 var를 이용하여 변수의 중복 선언이 가능

          - var는 중복 선언 가능

        - let 변수명;

          - let은 중복 선언이 불가능

  - 자바는 전체를 컴파일해서 하나라도 이상이 있으면 실행하지 않음

    - JS는 한 줄씩 실행하기 때문에 중간에 이상이 있으면 해당 부분 전까지 실행하고,

      그 이후에는 실행하지 않음

   <!-- 방법1: script태그 안에 코드 구현 -->

      - 출력하는 방법

      1. 브라우저 화면에 출력

        - document.write(출력할내용);

      2. 콘솔에 출력

        - consol.log(출력할내용);

      3. 알림창 출력

        - alter(출력할내용);

*script태그 안이라고 가정

    document.write('자바스크립트기본설명');
    console.log('자바스크립트기본설명');
    alert('자바스크립트기본설명');

 

 

PI=2; 라고 상수의 값을 수정하려고해서 에러났음

    var num=10;
    console.log('1 : num =' + num);
    var num=20;
    console.log('2 : num =' + num);

    //let num2 =10;
    //console.log('3 : num2 =' + num2);
    let num2 =20;
    console.log('4 : num2 =' + num2);


    /* 상수는 const*/
    const PI=3.141592
    console.log(PI);
    PI=2;   //상수는 수정 불가능

 

  <!-- 방법2: script태그를 이용하여 js파일을 가져온다-->

  <script src="이 구간에다가 넣으면 됩니다요"></script>

 

    - 데이터 타입 

      - num     : 숫자

      - string  : 문자열

      - boolean : 논리값

      - null    : 빈 값

      - undefined : 초기값이 없는 경우

    - 자바에서 변수는 초기화를 하지 않으면 사용할 수 없지만, 

      스크립트에서는 원하는 결과는 안 나오지만 가능은 함.(에러발생X)

webpack:///(webpack)-dev-server/client 이걸 JS폴더에서 지우면 마지막 Liver reload enabled가 없어진다고 함.

    var data = 10;
    console.log("숫자 : " + data);
    data = '123';
    console.log("문자열 : " + data);
    data = true;
    console.log("논리값: " + data);
    data = null;
    console.log("빈값 :" + data);
    var data2;
    console.log("알수없는값 :" + data2);