[J] JavaScript & jQuery 공부하기 #2

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

   4. 데이터 유형
   - 데이터 유형 :
    * 데이터 값의 종류를 말한다
      예 : x,y,z와 같은 문자열 1,2,3과 같은 수치, true(참), flase(거짓)과 같은 논리적인 값

   - JavaScript에서 데이터 유형
    * JacaScript의 기본적인 데이터 유형은 가변적임
    * 문자열을 대입했었던 변수라도 나중에 수치를 대입해도 된다
    * 변수는 대입되는 값에 따라서 데이터 형이나 크기가 된다

   - 변수
    * 변수는 데이터를 넣어두는 그릇이다
    * 데이터를 일시적으로 보존하기 위한 역할을 한다
    * 변수를 이용하기 위해서는 미리 변수를 선언해둬야 한다

    변수 선언 : var 변수명;
    - 숫자뿐만 아니라 모든 자료형 저장 가능

    변수 초기화 : var 변수명 = 값;
    - 변수를 선언한 후에 값을 지정하는 것

  - JavaScript의 주요 데이터형
  기본형 : 수치형(number)(숫자), 문자열형(string)(작은 따옴표/큰따옴표로 감싸인0개 이상의 문자 집합)
           논리형(boolean)(참true, 거짓false)
           특수형(null/undefined)(값이 미정)
  참조형 : 배열(array)(데이터의 집합 - 각 요소에는인덱스 번호로 접근 가능)
           객체(object)(데이터의 집합 - 각 요소에는 이름으로 접근 가능)
           함수(function) - 일련의 처리(절차)의 집합

  - 배열
  * 데이터의 집합을 말함
  * 하나의 변수에 대해 복수의 값을 보관할 수 있음
  * 모든 형태의 변수를 다룰 수 있는 자료
  * 배열의 원소들이 모두 동일한 데이터 유형을 가질 필요 없다
  * 배열이란 복수의 값을 관리 가능한 구분이 있는 그릇 같은 구조이다.

 

  < script type="text/javascript">
    var x;  //변수 선언
    x=20;   //x값 초기화
    var y=5;  //변수 초기와

    document.writeIn("x = " + x) //x값 출력
    document.writeIn(",y = " + y)  //y값 출력
    document.writeIn(", x + y = " + (x + y)); //x더하기y값 출력
    document.writeIn(", x - y = " + (x - y)); //x빼기y값 출력
    document.writeIn(", x * y = " + (x * y)); //x곱하기y값 출력
    document.writeIn(", x / y = " + (x / y)); //x를y로 나눈 몫 출력
    document.writeIn(", x % y = " + (x % y)); //x를y로 나눈 나머지 출력
    document.writeIn(", x & y = " + (x & y)); //x와 y의 and 연산
    document.writeIn(", x | y = " + (x | y)); //x와y의 or 연산
    document.writeIn(", x ^ y = " + (x ^ y)); //x와y의 xor 연산
    document.writeIn(", ~x  = " + (~x)); //x의 NOT 연산
  </ script>

 

  < script type="text/javascript">
  var height;
  var bottom;
  //사각형 넓이 구하기
  height = 6;
  bottom = 5;
  var square = height * bottom;

  //삼각형 넓이 구하기
  height = 8;
  bottom = 7;
  var triangle = height * bottom * 1/2;

  //60을 5로 나눈 몫을 구하기
  var num1 = 60;
  var num2 = 5;

  var portion = num1 / num2;

  //60을 7로 나눈 나머지를 구하기
  var num2 = 7;
  var remainder = num1 % num2;

  //출력
  document.writeIn("사각형 넓이= " + square + ", 삼각형 넓이 = " + triangle + ", 60/5 = " + portion + ", 60%7 = " + remainder);
  </ script>