금붕어의 자바 스크립트 사전

Jquery

• 자바스크립트의 라이브러리. (언어가 아님)
• 도큐먼트를 조작하거나, 이벤트 핸들링, 애니메이션, Ajax등을 간편하고 쉽게 할 수 있다.
• $함수의 매개변수로 엘리먼트를 특정하면 해당 엘리먼트들을 반환한다.

 

부트스트랩 (Bootstrap)

• CSS 프레임워크

 

SASS

• Syntactically Awesome Style Sheets
• CSS의 전처리장치.
• 변수를 활용하거나 구조를 간편화하는 등의 기능이 있다.
• .scss 확장자를 사용한다.

 

Ajax

• 자바스크립트의 라이브러리 중 하나.
• Asynchronous Javascript and XML (비동기식 자바스크립트와 XML)
• 전체 페이지를 새로 고치지 않고 페이지의 일부만을 위한 데이터를 로드하는 기법.
• JSON, XML, HTML, 텍스트 파일 등의 데이터를 주고받음
• 단점: 클라이언트 풀링 방식이기 때문에 서버 푸시 방식의 실시간 서비스는 만들 수 없다.

 

JSON

• 자바스크립트의 객체를 만드는 표현식. key와 value로 이루어져 있다.

 

동기, 비동기

• 동기: 이전 태스크가 완료되어야 다음 태스크를 실행하는 것.
• 비동기: 이전 태스크가 실행 중인 상태에서 다음 태스크로 넘어가는 것.

 

콜백함수

• 다른 함수의 수행을 완료하기 위해서 전달되는 함수.
• A함수를 B의 전달 -> B가 A함수를 이용하여 작업을 수행. 여기서 A함수를 콜백함수라고 한다.

 

이벤트 루프

• 웹 브라우저에서 제공하는 비동기 기능
• 작업이 완료될 때까지 기다리는 구조.

 

DOM

• Document of Model의 약자.
• 문서의 구조를 설명하는 인터페이스. 
• 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공한다. 
• 문서와 스크립트 사이에 있는 인터페이스다. 우리가 클래스를 사용할 때 클래스 원형이 있어야 어떤 변수나 함수가 있는지 알 수 있듯, DOM이 있어야 문서에 접근하는 방법을 알 수 있다.
• 각 브라우저가 DOM을 다르게 구현했기 때문에, 어떤 스크립트는 작동하지 않을 수도 있다. 예를 들어 <li>에 A 브라우저는 .set함수가 있는데 B브라우저는 없다면 B브라우저는 실행하지 못하게 된다.

 

this

• 객체 내에서 객체 스스로를 가르키는 말.
• 메소드에서는 주인 오브젝트, 함수나 글로벌에서는 글로벌 오브젝트를 가리킨다.
• 함수 내에서는 strict 모드라면 this는 undefined다.
• 이벤트 내에서는 이벤트에서 받은 엘리먼트를 가리킨다.

 

function가 Method의 차이

• function은 작업 처리하기 위한 함수
• Method는 오브젝트의 함수 프로퍼티.
• 즉, 오브젝트에 종속되는가가 구분 기준

 

Arrow Function

• function 키워드 대신 화살표를 이용해 함수 선언

 

==와 ===의 차이

• ==: 값의 의미상 일치 여부를 확인한다. 타입이 다르더라도 내용의 같음을 판단
• ===: 양쪽의 값이 정확히 일치하는지 확인한다.
• null == undefined -> true / null === undefined -> false
• 5 == ‘5’ -> true / 5 === ‘5’ -> false

 

var, let, const 

• var: function-scope로 선언되거나 전역 변수로 선언됩니다. 어디선가 선언이 되기만 한다면 선언 전에 호출도 가능합니다.
• let: block-scope의 지역변수이고, 할당된 동안 값을 변경할 수 있습니다.
• const: block-scope의 고정 값이고, 선언과 동시에 값을 할당하며 이후 assign할 수 없습니다. 단, assign이 안되는 것이지, object내의 값을 바꿀수는 있습니다.

 

화살표 함수

• 함수 구조를 축약하기 위한 방법
• 함수 선언 후 => 뒤에 반환 값을 넣는다.
• 일반형: function getA() => A
• 오브젝트 반환: function getPoint() => ({ x, y }). block-scope와 충돌을 피하기 위해 괄호로 감싸준다.

 

For loop의 종류

• 일반 for loop: for (let i=0; i < 10; i++)
• forEach 함수: arr.forEach(val => { … })
• for of문: for (let val of arr)
• for in: for (let i in arr)

 

object의 null 체크

• let x = foo === null || foo === undefined ? undefined : foo.bar.baz();
• let x = foo?.bar.baz();

 

익명 함수 (anonymous function)이란?

• 함수명이 없는 함수
• 주로 callback에 사용하거나 함수를 매개변수로 전달할 때 사용한다.

 

프로퍼티명 약식 (Shorthand property names)이란?

• 오브젝트의 프로퍼티의 이름과 값에 들어갈 변수의 내용이 같다면 축약해서 작성하는 방법. (ES2015)
• { a: a, b: b, c:c }을 { a, b, c }과 같이 축약할 수 있다.