Study/JavaScript16 [JS] 04-4 전개 구문 ~ 04-5 타이머 함수 전개 구문 spread syntax 말 그대로 '값을 펼쳐주는' 구문 배열처럼 값이 다양한 자료를 한꺼번에 인수로 넘겨주거나 배열과 배열을 합할 때처럼 배열을 하나의 덩어리로 처리해야 할 때 유용함 3개의 마침표를 이용한 '...' 기호 사용 문자열이나 배열, 객체처럼 여러 개의 값을 담고 있는 자료형에서 다른 정보는 필요 없고 그 안의 값만 꺼내 사용하려고 할 때 유용함 나머지 매개변수 전개 구문은 함수를 선언할 때 사용할 수도 있음 함수를 선언하면서 나중에 몇 개의 인수를 받게 될지 알 수 없는 경우 전개 구문을 사용해서 매개변수를 만드는데, 이것을 '나머지 매개변수'라고 함 function addNum(...numbers) { let sum = 0; for (let number of numbers).. 2023. 1. 18. [모던 자바스크립트] 04-3 함수 표현식 함수 이름을 지정하지 않고 함수를 실행할 수도 있고, 프로그램에서 한 번만 사용할 함수라면 함수 선언과 동시에 실행하는 방법이 있음. 이런 함수는 식처럼 동작하므로 '함수 표현식'이라고 함. 익명 함수 말 그대로 이름이 없는 함수 익명 함수는 변수에 할당해서 사용할 수 있음. let sum = function(a, b) { return a + b; } console.log(`함수 실행 결과: ${sum(10, 20)}`) 두 수를 더하는 함수를 sum이라는 변수에 할당한 예제 변수에 저장된 함수는 함수 이름 대신 변수를 이용해서 함수를 실행할 수 있음 자바스크립트에서는 함수를 하나의 값처럼 사용할 수 있기 때문에 함수를 변수에 할당할 수도 있고, 함수를 다른 함수의 매개 변수로 넘길 수도 있음 즉시 실행.. 2023. 1. 17. [모던 자바스크립트] 04-1 함수 ~ 04-2 스코프 함수 function: 동작해야 할 목적대로 여러 개의 명령을 묶는 것 function 함수명() { 명령(들) } 보통 함수 선언 소스를 실행 소스보다 앞에 작성 함수 선언 소스를 실행 소스보다 뒤에 두면 호이스팅이 발생해 선언 부분을 앞으로 끌어당겨 해석 매개변수 parameter: 함수를 선언할 때 외부에서 값을 받는 변수 인수 argument: 매개변수가 있는 함수를 호출할 때 실제로 값을 넣어 넘겨주는 것 스코프 scope: 선언한 변수의 적용 범위. 어느 위치에서 변수를 접근할 수 있는지를 가리킴. 지역 스코프 local scope: 변수를 특정 영역에서만 사용할 수 있을 때 '지역 스코프를 가지고 있다'고 말하고, 이런 변수를 '지역 변수'라고 함. 전역 스코프 global scope: 프로.. 2023. 1. 15. [모던 자바스크립트] 03-3 반복문 반복문: 같은 동작을 여러 번 실행하기 위해 사용하는 문 for 문 for (초깃값; 조건; 증가식) {...} ① 초깃값: 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언하고 초기화. 초깃값은 0이나 1부터 시작. ② 조건: 문장을 반복하기 위해 체크할 조건 부분. 이 조건을 만족해야 for문에 있는 명령을 반복. ③ 증가식: 문장을 실행한 후 카운터 변수를 증가시키는 부분. 보통 카운터값을 하나 더 증가시키는 용도. forEach 문 배열명.forEach(콜백 함수) {...} 콜백 함수: 다른 함수의 인수로 사용할 수 있는 함수를 가리킴 보통 배열 변수 이름은 복수형(ex. students). 각 요소는 단수형(ex. student)으로 사용 for...in.. 2023. 1. 14. [모던 자바스크립트] 03-2 조건문 조건문 Conditional Statement: 명령을 실행하기 위해 조건을 체크하는 문(statement) if 문 조건을 체크한 후 결괏값이 true이면 if문에 있는 명령을 실행하고, false이면 if문에 있는 명령은 건너뛰고 그 다음 명령을 실행 if (조건) { 조건이 true일 때 실행할 명령(들) } if...else 조건을 체크한 후 true일 때 처리할 명령과 false일 때 처리할 명령이 따로 있다면 if문과 else문을 사용. if (조건) { 조건이 true일 때 실행할 명령(들) } else { 조건이 false일 때 실행할 명령(들) } if (조건1) { 조건1이 맞을 때 실행할 명령 } else if (조건2) { 조건2가 맞을 때 실행할 명령 } ... else { 어떤 .. 2023. 1. 13. [모던 자바스크립트] 03-1 연산자 1. 프로그램 동작을 가리키는 기호, 연산자 연산자 operator: 프로그램에서 특정한 동작을 하도록 지시하는 기호 프로그래밍에서의 '연산': 숫자끼리 더하거나, 빼거나, 곱하거나, 나누는 사칙연산 + 문자열끼리 연결해 새로운 문자열을 만들거나 크기를 비교. 피연산자: 연산자의 왼쪽이나 오른쪽에 있는 연산 대상 산술 연산자 arithmetic operator: 수학적인 계산을 위해 사용하는 연산자 연산자 사용 예 + a = b + c - a = b - c * a = b * c / a = b / c % a = b % c ++ a++ -- a-- 연결 연산자: 문자열과 다른 자료형 또는 2개의 문자열을 합해서 하나의 문자열로 만드는 연산자 더하기 연산자와 같은 + 기호 사용 + 연산자의 피연산자가 모두 숫.. 2023. 1. 10. 이전 1 2 3 다음