1. map()map() 함수는 배열을 순회해서 각 요소를 콜백 함수로 적용해서 처리해 모은 새로운 배열을 반환하기 위한 함수이다. let array = [10, 2, 17, 33, 5];// map, 배열의 데이터는 모두 2를 곱한 값, 결과는 배열let mapResult = array.map((value) => { // 조건을 판단하는 것이 아닌, 조작된 데이터를 획득하고자 하므로 리턴은 조작된 값 return value * 2;})console.log(mapResult); //  [20, 4, 34, 66, 10] 위 코드는 다음 배열을 2배를 곱한 값을 출력하여 배열을 생성하는 map 함수의 사용 예이다.array 배열에 있는 각 숫자를 map() 함수로 변환하여, 각 숫자를 돌면서 배열의 데..

1. e.preventDefault() 회원가입 이름 : 전화번호 : 직업 : 학생 개발자 회원가입 취소 'use strict';let resultContainer = document.getElementById('result');let formContainer = document.getElementById('form');let inputText = function (message) { resultContainer.innerHTML = message;}formContainer.addEventListener('submit', function (e) {; e.preventDefault(); let inpu..

1. var 키워드로 선언한 변수의 문제점1-1. 변수 중복 선언 허용var x = 1;var y = 1;// var 키워드로 선언된 변수는 같은 스코프내에서 중복 선언이 허용한다.// 초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것 처럼 동작한다.var x = 100;//초기화문이 없는 변수 선언문은 무시한다.var y;console.log(x); // 100console.log(y); // 1 1-2. 함수 레벨 스코프var x = 1;if(true) { // x 는 변수다. 이미 선언된 전역 변수 x가 있으므로, x 변수는 중복 선언된다. // 이는 의도치 않게 변수 값이 변경되는 부작용이 발생한다. var x = 10; } console.log(x); ..

1. 변수의 생명 주기변수는 선언되며, 할당을 통해 값을 갖는데, 이는 생물과 같이 생성되고 소멸되는 생명주기(life cycle)라는 것을 가진다.전역 변수 생명주기가 있고, 지역 변수 생명주기가 있다. 1-1. 지역 변수 의 생명 주기함수 내부에 선언된 지역 변수는 함수가 호출되며, 생성되고 함수가 종료하면 소멸한다.함수 몸체 내부에서 선언된 지역 변수 생명주기는 함수 생명 주기와 대부분 일치 하지만, 지역 변수가 함수보다 오래 생존도 있음이 경우는 클로저와 연관이 있는데 클로저를 간단하게 말하자면 함수 내부에서 선언된 변수가 함수가 종료된 이후에도 그 값을 유지하고 참조할 수 있는 현상이다.클로저가 만들어지면, 함수가 종료된 후에도 해당 함수의 렉시컬 환경을 메모리에 유지하기 때문에, 함수의 지역..

window 함수브라우저를 지칭하는 객체브라우저에서 실행되는 자바스크립트 코드에서 기본이 되는 객체는 window이다.window는 브라우저 자체를 지칭하는 객체이며, 이 window객체서 제공하는 변수, 함수를 이용해 프로그램을 작성할 수 있다.window 객체에서 다이얼로그를 띄우기 위한 alert(), confirm(), prompt() 함수를 제공한다.alertwindow.alert() → window 생략 가능 → alert()간단한 메세지 출력promptprompt()확인/취소 선택confirmconfirm()사용자 글 입력document.write() 함수document 객체는 브라우저에서 실행되는 HTML 문서 자체를 지칭하는 객체이다.document.write() 함수는 HTML 문서에 ..

1. 스코프란?스코프(scope) 유효범위는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이다.변수와 상수, 즉 var 키워드로 선언한 변수와 let, const 키워드로 선언한 변수의 스코프는 다르게 동작한다.매개변수를 참조할 수 있는 유효 범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되어 있기 때문이다.function add(x, y) { // 매개변수는 함수 몸체 내부에서만 참조할 수 있다. // 즉, 매개변수의 스코프(유효범위)는 함수 몸체 내부이다. console.log(x, y); // 2 5 return x + y;}add(2, 5)// 매개변수는 함수 몸체 내부에섬나 참조할 수 있다.console.log(x, y); // ReferenceError: x is n..