JS 개념정리

1. const, var, let 정리

var : 재선언 가능. 값 변경(재할당) 가능(사용을 많이 하지 않음)
ex) var 변수 = 0;
    var 변수 = 1; //재선언
        변수 = 2; //재할당

let : 재선언 불가능. 값 변경(재할당) 가능(java의 변수와 매우 유사)
ex) let 변수 = 0;
    let 변수 = 1;  => 불가능
    변수 = 1;      => 가능

const : 재선언 불가능. 값 변경(재할당) 불가능(java의 상수)

재선언, 재할당이란.
재선언 : 다시 변수명에 대해 정의를 내리는 것
재할당 : 값에 다시 새로운 값을 저장하는 것

자료형	재선언	재할당
const	x	x
var	o	o
let	x	o

2. 바닐라 자바스크립트(Vanilla javaScript)

추가적인 라이브러리나 프레임워크 없이 순수하게 자바스크립트 코드로 작성된 코드

라이브러리, 프레임워크의 대표적 종류 : jQuery, React

예시 : document.getElementById("id값");

3. JS의 객체

객체란 JS에서 데이터를 구조화하여 저장하는데 사용하는 기본 단위

키(key)와 값(value) 한 쌍으로 이루어져있음

객체는 {} 중괄호를 사용해서 정의

키는 문자열, 값은 모든 데이터 타입 가능

        const 사람객체 = {
            'name' : '홍길동',
            'age' : '33',
            'greet' : 'function(){
                alert("환영합니다.");
            }'
        }
        사람 객체는 name, age라는 속성을 가지고, greet라는 메서드를 가짐

        사람객체
            속성 : name, age
            메서드 : greet

4. DOM(document Object Model)

HTML과 같은 문서를 구조화된 표현으로 나타내서 문서의 태그들을 각 객체로 표현

        버튼 태그를 객체로 표현한다면

        const button = {
            type : "button",
            클릭버튼() : function(){
                alert("버튼이 클릭됨");
            }
            class : "btn"
        }
        속성 : type, class
        메서드(기능) : 클릭버튼()