본문 바로가기

JavaScript

[CHAPTER 02-1] 프로그래밍 기초

728x90

1. 변수
    -js에서는 변수를 선언할 때에는 var이라는 키워드(예약어)를 사용한다
    - var 변수명 = 값 ;

    1) 변수의 선언
        - 변수는 유일한 이름으로 명명되어야 한다
        - 변수선언은 var이라는 예약어를 사용하지만, js에서는 생략하기도 한다
        - 변수 이름은 문자로 시작해야 한다
        - 변수 이름은 특수문자로 시작해서는 안 되지만 $ 나 _로 시작할 수 있다
        - 변수 이름은 대소문자를 구분한다
        - 예약어를 변수로 사용할 수 없다
        - js 는 변수의 자료형을 정의하지 않는다

    2) 변수에 값 할당
        - 변수에 값을 저장하기 위해서는 등호(=)를 이용한다
        - 등호 왼쪽에는 변수, 오른쪽에는 데이터 값을 주고, 오른쪽의 데이터 값이 왼쪽의 변수에 저장한다
        
        - 한 줄에 여러 개의 변수 선언 
        - 같은 변수이름이지만 다른 변수 


2. 자료형 (data type)
    - js에서는 자료형은 프로그램이 처리되는 과정에서 자동으로 파악될 것이기 때문에 미리 선언할 필요가 없다
    - js는 동적 언어이기 때문에 새롭게 저장된 데이터에 따라 여러가지 자료형으로 바뀔 수 있다
    - 즉, 한 변수에 여러 자료형의 데이터 값을 저장할 수 있다는 의미이다
    - 변수에 값이 할당되지 않을 경우 'undefined'가 출력된다
    - 자바스크립트의 자료형
        1) 기본 자료형 : number(숫자형), string(문자열형), boolean(부울형)
        2) 복합 자료형 : symbol(심볼형), object(객체형), array(배열형), function(함수)
        3) 특수 자료형 : undefined(정의되지 않음), null(공백)

    1) 숫자형
        - 정수와 실수로 구분
        - 수의 표현을 64비트 floating-point형으로 표현
        - 정수만을 표현하기 위한 특별한 자료형은 없다
        - 무한대, undefined, NaN(Not-a-number)
        - isFinite() : 유한수 인가?
        - NaN() : 숫자가 아닌가

    2) 문자열형
        -연속된 문자들로 구성, 텍스트 데이터
        - 문자열은 유니코드로 표현
        - 문자열을 변수에 할당할 때에는 '' 또는 "" 로 묶어서 표현

    3) 부울형
        - true와 false 두 값 중 하나만 기억한다
        - 주로 조건문에서 실행 조건을 제어하기 위해 사용된다

    4) null과 undefined형
        - undefined : 변수는 선언되었지만, 그 변수에 어떠한 값도 할당하지 않은 변수
        - null : 명시적으로 값이 없음을 표현
        - 예 : 1+null에서 null은 0으로 변환된다
                 1 + undefined 에서 undefined가 어떤 자료형인지 정의되지 않은 상태이므로 NaN(숫자가 아님)으로 변한다
                 abc+null은 그대로 문자로 반영, abc+undefined도 문자그대로 결합

    5) 객체형
        - 객체는 js에서 가장 기본적인 단위이다
        - 각 객체는 고유는 특성 값을 가지며, 고유한 행동을 한다
        - 특성 값과 행동은 속성과 동작으로 표현할 수 있다
        - 예 : 자동차의 속성(색상, 모델, 회사 등)과 동작(출발, 회전, 정지 등)

        -객체 변수의 선언과 속성 값을 지정하는 방법
        1. var myCar1 = {model:"BMW", color:"gray", speed:150};
            - 변수로 선언된 객체는 속성 값을 중괄호 안에 직접 지정, 

             속성값을 지정하기 위해서는 속성과 값은 콜론으로 구분한다
        2. var myCar2 = new object();
            - new object()를 사용하여 먼저 객체를 정의하고, 그 속성 값을 별도로 지정
            - 대괄호 안의 속성은 배열 인덱스와 같은 역할을 하며, 오른쪽은 속성 값
        myCar2['model'] = "benz";
        myCar2['color'] = "blue";
        myCar2['speed'] = "150";

    6) 배열
        - 연관된 데이터를 하나로 모아서 관리하게 쉽게 하는 자료형
        - 대괄호 안에 콤마로 구분된 값의 리스트로 구성

    7) 자료형 검사
        - typeof : 변수의 자료형을 확인하는 연산자, 데이터의 자료형을 문자열로 반환
        - 반환된 자료형의 종류 : 숫자, 문자열, 부울, 객체, 함수, undefined 총 6가지

    8) 숫자와 문자열의 형 변환
        - js는 별도의 형 변환 없이 저장된 자룡 따라 자료형이 자동으로 변환
        - 임의의 숫자가 문자로 인식되기도 함
        - 강제 변환(명시적으로 형 변환) : Boolean, String, Number 함수를 이용
        - 예 : Boolean(0)은 false, Boolean(1)은 true

728x90

'JavaScript' 카테고리의 다른 글

[CHAPTER 02] 자바스크립트를 시작하기 전  (0) 2023.06.21
[CHAPTER 01] 자바스크립트란?  (0) 2023.06.21