JS LAB
    참고 자료 · 용어사전

    JavaScript 용어사전

    단원에 나오는 말을 한 문장으로 풀었습니다. 오른쪽 번호를 누르면 그 말을 다루는 단원으로 갑니다.

    가나다 차례입니다 Ctrl + F 로 찾습니다

    ㄱ

    객체object 이름과 값의 짝을 묶어 담는 것입니다. { name: "홍길동" } 처럼 적습니다. 3.6
    구조 분해destructuring 객체나 배열에서 값을 꺼내 같은 이름의 변수로 한 번에 만드는 문법입니다. 3.7
    기본값default parameter 인수를 넘기지 않았을 때 매개 변수가 대신 가지는 값입니다. 2.3

    ㄴ · ㄷ

    나머지 매개 변수rest parameter 남은 인수를 하나의 배열로 받는 매개 변수입니다. ...args 로 적습니다. 2.3
    동기synchronous 앞의 일이 끝나야 다음 줄로 가는 실행 방식입니다. 5.1
    디버깅debugging 코드가 왜 그렇게 도는지 확인하며 잘못된 자리를 찾는 일입니다. 7.2

    ㅁ · ㅂ

    매개 변수parameter 함수를 정의할 때 괄호 안에 적는 이름입니다. 부를 때 넣는 값은 인수입니다. 2.1
    메서드method 객체나 클래스에 딸린 함수입니다. 6.1
    모듈module 코드를 파일로 나누고 필요한 것만 주고받는 단위입니다. 파일 하나가 모듈 하나입니다. 6.4
    반환return 함수가 부른 쪽에 값을 돌려주는 것입니다. 적지 않으면 undefined 입니다. 2.1
    배열array 값을 차례대로 담는 것입니다. 번호는 0부터 셉니다. 3.1
    번들러bundler 여러 파일로 나눈 코드를 하나로 묶어 브라우저가 받기 좋게 만드는 도구입니다. 7.5
    비동기asynchronous 오래 걸리는 일을 맡겨 두고 다음 줄을 먼저 실행하는 방식입니다. 5.1

    ㅅ

    상속inheritance 다른 클래스가 가진 것을 물려받아 확장하는 것입니다. extends 로 적습니다. 6.2
    선언declaration 이름을 만드는 것입니다. 값을 넣는 것은 할당입니다. 1.3
    스코프scope 어떤 이름을 사용할 수 있는 범위입니다. let 과 const 는 중괄호 안에서만 살아 있습니다. 2.4
    스프레드spread 배열이나 객체를 펼쳐 담는 문법입니다. [...list] 로 적습니다. 3.7
    실행 컨텍스트execution context 코드가 실행되는 자리입니다. 이것이 this 가 무엇인지 정합니다. 6.3

    ㅇ

    얕은 복사shallow copy 바깥만 새로 만들고 안에 든 객체는 원본과 같은 것을 가리키는 복사입니다. 3.7
    요소element 화면을 이루는 태그 하나입니다. querySelector 로 찾습니다. 4.2
    위임event delegation 자식마다 이벤트를 걸지 않고 부모 하나에 걸어 처리하는 방식입니다. 4.7
    이벤트event 누르기·입력 같은 일이 일어났다는 알림입니다. 4.5
    인스턴스instance 클래스로 실제로 만들어 낸 객체 하나입니다. new 로 만듭니다. 6.1
    인수argument 함수를 부를 때 괄호 안에 넣는 값입니다. 받는 쪽의 이름은 매개 변수입니다. 2.1

    ㅈ · ㅊ

    전개 연산자spread operator 스프레드의 다른 이름입니다. 같은 ... 를 가리킵니다. 3.7
    정규식regular expression 글자의 모양을 적어 찾고 바꾸는 규칙입니다. 1.5
    조건문conditional 조건에 따라 다른 코드를 실행하는 문법입니다. 1.8
    참조reference 값 자체가 아니라 값이 있는 자리를 가리키는 것입니다. 객체와 배열이 그렇습니다. 3.6
    초기화initialization 선언한 이름에 처음 값을 넣는 것입니다. 1.3

    ㅋ · ㅌ · ㅍ · ㅎ

    콘솔console 브라우저가 값과 오류를 보여 주는 자리입니다. F12 로 엽니다. 1.2
    콜백callback 나중에 불러 달라고 넘기는 함수입니다. 5.2
    클래스class 같은 모양의 객체를 여러 개 만들기 위해 형태를 정해 둔 것입니다. 6.1
    클로저closure 안쪽 함수가 바깥 함수의 변수를 기억하고 있는 것입니다. 2.5
    템플릿 리터럴template literal 백틱으로 감싸 값을 끼워 넣을 수 있는 문자열입니다. 1.5
    프로미스Promise 지금은 없지만 나중에 생길 값을 담는 것입니다. 성공과 실패 두 가지 결과가 있습니다. 5.3
    할당assignment 이름에 값을 넣는 것입니다. = 로 적습니다. 1.3
    호이스팅hoisting 선언이 그 범위의 맨 위로 끌어올려진 것처럼 동작하는 성질입니다. 2.4
    화살표 함수arrow function => 로 적는 짧은 함수입니다. this 를 바깥 것으로 그대로 사용합니다. 2.2

    영문 약어

    API 다른 프로그램이 부를 수 있게 열어 둔 창구입니다. 여기서는 주로 서버가 내주는 주소를 가리킵니다. 5.5
    CORS 다른 주소의 서버에 요청할 때 브라우저가 확인하는 규칙입니다. 서버가 허락해야 응답을 읽을 수 있습니다. 5.5
    DOM 브라우저가 화면을 객체로 만들어 둔 것입니다. 이것을 고치면 화면이 바뀝니다. 4.2
    ES6 · ES2015 2015년에 정해진 JavaScript 표준입니다. let · 클래스 · 화살표 함수가 여기서 들어왔습니다. 6.5
    FIFO · LIFO 먼저 넣은 것이 먼저 나오는 방식과, 나중에 넣은 것이 먼저 나오는 방식입니다. 3.1
    JSON 값을 글자로 적어 두는 형식입니다. 저장하거나 서버와 주고받을 때 사용합니다. 3.8
    npm 남이 만든 코드를 받아 사용하는 도구입니다. npm install 로 받습니다. 7.5
    TDZ let · const 를 선언하기 전까지 그 이름을 사용할 수 없는 구간입니다. 2.4