JS

JavaScript3 (DOM,AJAX)

버튼 이벤트 target, currentTargettarget : 이벤트가 발생한 진원지의 정보 / 이벤트 리스너가 없는 요소의 이벤트가 발생했을때도 해당 요소에 접근 가능currentTarget : 이벤트 리스너가 연결된 요소를 참조 버튼1 버튼2 버튼3 이벤트 위임 (테크닉 - 필수적인건 아님) 버튼1 버튼2 버튼3 자손 요소들에게 이벤트 리스너가 적용된것처럼 작동이 가능하다.이벤트의 this이벤트 리스너 함수 내부에서의 this는 이벤트가 연결된 노드를 참조event.currentTarget과 유사이벤트 리스너 함수를 화살표 함수로 쓴다면 this가 가리키는 대상이 달라진다!화살표 함수의 this : 함수를 감싸고 있는 상위공간을 가리킨다. 버튼1 버튼2 버튼3 preventDefault()브라우저..

JavaScript2 (타입 ~)

1. 타입타입 : 자료형 / 다양한 데이터를 용도에 맞게 쓰기 위해 사용1. 원시 타입 (Primitive Types)단순한 데이터를 저장값이 변경 불가능값을 변수에 저장하거나 전달할 때 값에 의한 전달을 한다 (실제 데이터를 저장)string, number, bigint, boolean, undefined, symbol, null이 원시타입에 속한다.2. 객체 타입 (Object Types)let arr1 = [1, 2, 3]; let arr2 = arr1; console.log(arr2); arr1[0] = 10; // arr1 = [10, 20]; console.log(arr2); // 비교해보세요. let value1 = 10; let value2 = value1; console.log(value..

JavaScript1 (~조건문과 반복문)

1. JavaScript란 무엇인가?JavaScript의 탄생 배경HTML, CSS를 프로그래밍적으로 제어할 수 있다웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍언어(였던 것. 몇년전 웹어셈블리가 새롭게 등장)요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행 할 수 있게 되면서 게임 프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰이고 있다. (node.js 만만세)표준 명칭 : ECMAScript동적인 웹을 위해 자바스크립트가 할 수 있는 것들데이터를 저장하다저장 공간 : var, let, const저장할 값의 형태: 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체코드의 뭉치: 함수값을 계산하다사칙연산논리연산조건문반복문자료형의 내장..