모던자바스크립트6 [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. [모던 자바스크립트] 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. [모던 자바스크립트] 01 자바스크립트 시작하기 1. 자바스크립트를 위한 기본 상식 자바와 자바스크립트는 붕어와 붕어빵 같은 사이! 붕어빵 안에 붕어 없음.. 에크마스크립트(ECMA Script)와 자바스크립트는 같다고 할 수 있을까? 아니요. 에크마스크립트는 자바스크립트를 기반으로 표준화된 스크립트 언어임. 자바스크립트는 에크마스크립트의 표준 사양을 따르는 가장 유명한 언어이지만, 이 외에도 여러 스크립트 언어가 있음. 2. 웹 개발에서 자바스크립트의 역할 클라이언트(client): 사용자의 눈에 보이는 부분 서버(server): 눈에 보이지 않는 부분 '서버 컴퓨터(server computer)': 인터넷에 직접 연결된 컴퓨터. 사이트에서 사용하는 텍스트와 이미지, 동영상, 게시판 정보 등 사이트와 관련된 모든 정보가 저장됨. '클라이언트 컴퓨터(.. 2023. 1. 9. 이전 1 다음