[Javascript]0812_Javascript 정리

1. DOM - Document Object Model (HTML 요소 건드리기)

 

• CSS 선택자로 요소 선택
• innerHTML 등 값을 변경하는 기능 사용

 

2. Event (사용자의 액션에 따라서 동작)

 

• CSS 선택자로 요소 선택
• HTML의 onXXX 속성으로 스크립트 코드 작성
• addEventListener() 함수로 스크립트 코드 작성

 

---

 

1. 적용방법

 

    <script> ... </script>

 

2. 출력방법

 

    2-1. 개발 시 자주 사용(테스트) : console.log() - 함수

    2-2. 개발 시 자주 사용 : 선택자.innerHTML - 속성

    2-3. 사용자에게 내용 전달 시 자주 사용 : alert()  / confirm()       => 팝업창

 

3. 변수 

 

    3-1. 변수 : 값을 변경할 수 있다. -> let

    3-2. 상수 : 값을 변경할 수 없다. -> const (개발자의 실수를 방지하기 위해, 라이브러리를 활용하는 개발자를 위해)

 

4. 자료형 

 

    4-1. 기본 자료형 : 문자, 숫자, 논리(true/false)

    4-2. 참조 자료형 : 딕셔너리/리스트(객체), set

            그 외 자료형 : null, undefined, 함수

 

5. 연산자

 

+ - / * = < > % & | ( )   ++    --     ? :

 

6. 제어문

 

    6-1. if (*)

    6-2. while / for - for(초기값; 조건식; 증감식) {  ...  }

 

---

 

1. 소괄호 ()를 이용하여 함수 실행

 

 

2. 함수는 변수/상수에 대입 가능

 

    - 함수도 자료형

 

3. 함수가 함수를 리턴하는 것이 가능

 

    - Closure 활용 가능