본문 바로가기

프론트엔드/JAVASCRIPT6

자바스크립트 - ES6 문법 정리 (함수) ▶ for of 반복문 for in 반복문에 배열을 넣으면, 앞의 반복 변수에 '요소'가 아니라 '인덱스'가 들어갑니다. let array = [1,2,3,4,5]; for (let i in array){ alert(i+"번째 요소는 " + array[i] + "입니다"); } ES6 문법에서는 for of 반복문이 추가되어 내부의 요소를 바로 넣어 활용할 수 있게 되었습니다. for in 반복문과 비슷한 형태지만, 반복 변수에 '요소'가 들어갑니다. let array = [1,2,3,4,5]; for (const element of array){ alert(`요소는 ${element}입니다`); } ▶ 기본 매개변수 기본 매개변수는 엄청나게 자주 사용되는 기술이라 ES6 부터는 기본 매개변수를.. 2021. 2. 18.
자바스크립트 - 함수 ▶ 익명 함수와 선언적 함수 익명 함수란? funtion( ) { } 형태는 함수지만 이름이 없으므로 '익명 함수'라고 부릅니다. let 함수 = function(){}; 선언적 함수란? funtion 함수( ) { } 형태는 함수지만 이름이 있으므로 '선언적 함수'라고 부릅니다. function 함수( ) { } ▶ 익명 함수와 선언적 함수차이 함수(); let 함수 = function () { alert('함수 A'); }; let 함수 = function () { alert('함수 B'); }; 위의 코드는 에러가 발생한다. 변수를 선언하기 이전에 변수를 사용했기 때문에 오류가 발생해 실행되지 않는다. 함수(); function 함수() { alert('함수 A'); }; function 함수() .. 2021. 2. 17.
[자바스크립트 - 기본(6)] alert , prompt, confirm alert Alert는 단순히 메시지를 전달하는 역할만 합니다. 반환하는 값이 없습니다. alert("Hello"); prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받습니다. Prompt는 사용자가 입력한 값을 받아옵니다. let name = prompt('이름를 입력해주세요.', '); alert(`당신의 이름은 ${name} 입니다.`); // Comfirm confirm 함수는 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 보여줍니다. let isBoy = confirm("당신은 남성인가요?"); alert( isBoy ); // 확인 버튼을 눌렀다면 true가 출력됩니다. 2021. 1. 23.
[자바스크립트 - 기본(5)] 자료형 숫자형 – 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용합니다. 정수의 한계는 ±253 입니다. bigint – 길이 제약 없이 정수를 나타낼 수 있습니다. 문자형 – 빈 문자열이나 글자들로 이뤄진 문자열을 나타낼 때 사용합니다. 단일 문자를 나타내는 별도의 자료형은 없습니다. 불린형 – true, false를 나타낼 때 사용합니다. null – null 값만을 위한 독립 자료형입니다. null은 알 수 없는 값을 나타냅니다. undefined – undefined 값만을 위한 독립 자료형입니다. undefined는 할당되지 않은 값을 나타냅니다. 객체형 – 복잡한 데이터 구조를 표현할 때 사용합니다. 심볼형 – 객체의 고유 식별자를 만들 때 사용합니다. typeof x 또는 typeof(x) .. 2021. 1. 23.