javascript 이론(2)

<반복문>
: 어떤 조건에 만족할 때까지 같은 처리를 반복하여 실행하는 구문

배열(Array)
: 같은 타입의 여러 변수를 하나의 묶음으로 다루는 것

<HTML을 데이터와 결합해야할 때>

1. 일반 문자열 결합 
'안녕하세요 저는'+name+'이고, '+num+'살 입니다.'

2. 템플릿 리터럴 (ES6) ``백틱 ${}
`안녕하세요 저는 ${name}이고, ${num} 살 입니다.' 

< 함수(Function) >
: 특정 기능을 수행하는 소스 코드를 하나로 묶어 필요할 때마다 호출하여 사용하기 위한 구조 => 재사용성!

function 함수이름 () {}

// Arrow function(화살표 함수)
let 함수이름 = () => {}

 

💥 arrow function 사용X! 💥
=> 객체 내 function
=> 콜백 내 이벤트 
=> 메소드 

<객체(Object) >
: 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입
  데이터(속성)과 데이터에 관련되는 동작(절차, 방법, 기능)을 모두 포함한 개념
* key & value 로 접근!

< 객체의 기본구조 >
- 객체는 속성(property)과 기능(method)으로 구성되어있다
- 객체 내에는 기본데이터타입, Array, Object 등 데이터를 담을 수 있다
- 객체 내 데이터를 접근하는 방법은 마침표(.)를 이용하는 것이다

< DOM : Document Object Model >
: 서로 다른 언어가 소통할 수 있도록 쪼개서 '객체화' 시켜주는 것

문서에서 => document
접근 => .
가지고와줘 => get
요소 => element
아이디를 통해 => ByID()

HTMLElement
: 모든 종류의 HTML요소를 나타내는 인터페이스

document. getElementById() -> 접근하고자 하는 요소의 id 입력
: 접근하고자 하는 HTML 태그의 id값을 이용해 HTMLElement객체 조회

 

querySelector(selector)
: CSS 선택자를 이용하여 하나의 요소를 검색

querySelectorAll(selector)
: CSS 선택자를 이용하여 모든 요소를 검색

 

CallBack 함수
: 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수