[웹프로그래밍] JavaScript

JavaScript

-변수 타입: var/const/let (각각 유효 범위가 다름 )

- forEach메서드

- 반복 가능한 객체에서 사용:

•   for...of문-속성 값으로 탐색
•   for...in문(객체 탐색)-속성 이름으로 탐색

(ex) 배열 [10,20,30]이 있다면 for...of는 10,20,30(배열값/속성값)으로 반복문이 돌아가고,  for...in은 0,1,2(배열주소/속성이름)로 반복문이 돌아감

developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration#for_%EB%AC%B8

루프와 반복 - JavaScript | MDN

- 문자열이 내부적으로 객체로 변환되어서 문자열 객체라고 쓸 수 있고, 메서드도 있음

---

- 할당되지 않은 변수값 undefined

- 정해지지 않은 함수 반환값도 undefined(void 타입 없음)

- 함수 표현식

•    변수값에 함수를 넣어두는 것 var name = function(){}
•    표현식 전에 함수를 부르면 undefined가 나옴 = 함수로 인식되지 않음

- 함수 선언문

•   알고 있는 일반적인 함수 function name(){}

-호이스팅

•  자바스크립트 파서가 파일을 한번 훑고 변수/함수 정보를 기억함
•  함수 안에 필요한 변수값들을 미리 위로 다 끌어올려 처리한다.
•  함수 선언문은 위치 관계 없이 맨 위로 끌어올려짐
•  함수 표현식은 변수 선언과 변수에 함수를 할당하는 과정이 분리되어 변수 선언부분만 끌어올려짐

---

- 함수 arguments 객체 == 함수 인자 (C언어에서 main(argc, argv)에서 사용하던거랑 비슷한듯)

• 함부로 수정해서는 안됨
• 남용해서도 안됨(의미를 알 수 없음)
• push 안됨

- arrow function

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98

화살표 함수 - JavaScript | MDN

---

Web UI

window 객체

- setTimeout :

setTimeout(func|code, [delay], [arg1], [arg2], ...)

• 지정된 시간 이후 1번 수행, 그 사이 작업 추가 (call stack에 쌓임)
• 함수/문자열을 인자로 받음(함수 이름을 넘길 인자로 넣을 때 실행(setTimeout(func(),1000))하지 않는다.(setTimeout(func,1000)))
• 콜백(callback) 함수
• 비동기 실행

- setInterval 메서드:

setInterval(func|code, [delay], [arg1], [arg2], ...)

• 일정 시간 간격 반복수행

-DOM(Doucument Object Model)

• html element는 Tree 형태로 저장됨
• getElementById()

• querySelector/querySelectorAll->list 형태

- Event

• onClick보다 addEventListener를 사용한다.
• element.addEventListener(event, function(){})에 들어가는 함수를 Event Hendler/Event Listener라고 함
• 이벤트 정보를 객체로 받을 수 있음
• 이벤트 객체를 이용해서 이벤트가 일어났을 때 추가적 작업을 할 수 있음

- Ajax

비동기적으로 데이터를 서버에서 가져오는 방법

 

---

*MDN 참고

developer.mozilla.org/ko/

MDN Web Docs

*setInterval setTimeout

ko.javascript.info/settimeout-setinterval

setTimeout과 setInterval을 이용한 호출 스케줄링