자유변수 & 클로져 함수 자유변수 (Free Variable) 함수 내에 선언되지 않은 변수 const test1 = () => { const greeting = '오늘 날씨 정말 좋다~'; // say의 지역변수 : name, word const say = (name) => { const word = '안녕,' + name; console.log(word); console.log(greeting); }; say('영희'); }; 여기서 say의 지역변수는 name과 word. 그렇다면 greeting은 ? 함수 내에 선언되지 않은 자유변수이다. 클로져 함수 (Closure Function) 필요한 변수를 모두 갖고 외부로부터 닫힌 함수. (지역변수, 자유변수) const test2 = () => { c..
함수 선언식 & 함수 표현식 함수 선언식 : Function Declaration 호이스팅 처리(=선언문이 최상위에서 처리되는 것)되어 선언 전에 호출이 가능하다. 함수 표현식 : Function Expression 호이스팅 처리되지 않아 선언 전에 호출이 불가능하다. 익명 함수를 대입 함수 선언식 함수 표현식 test1(); function test1(){ console.log('함수 선언식!'); } const test2 = function(){ console.log('함수 표현식!'); }; test1은 함수선언식으로, 함수가 선언되기 전에 test1();이 언급되었으나, 호이스팅 처리로 인해 선언 전에 사용이 가능하다. test2는 변수대입을 함수로 선언한 것으로, 선언 전에 호출이 불가능하다. ..
변수유효범위 block scope - const, let function scope - var 변수유효범위 확인 // 전역공간 const a = '안녕'; // 전역변수 function test1(){ console.log(a); const b = '잘가'; // 지역변수 console.log(b); } // console.log(b); // Uncaught ReferenceError: b is not defined for(let i = 0; i < 10; i++){ let k = i; } // console.log(i); // Uncaught ReferenceError: i is not defined // console.log(k); // Uncaught ReferenceError: k is not d..
클래스 제어 수강신청 클래스를 만들어보자. 수강신청 전체선택/해제 국어 영어 수학 사회 과학 this용법 전역에서 this는 window객체를 가리킨다. 태그의 inline event 속성안의 this는 현재 tag객체를 가리킨다. 전달함 사용자 클래스 제어가 체크를 통해 변경되는 것을 확인할 수 있다. 사용자 상호작용 alert , console alert("") 사용자에게 뜨는 메세지 colsole.log(" ") 개발자에게 뜨는 일반 메세지 colsole.error(" ") 오류 메세지 지정 가능 console.dir(document) 계층구조 확인가능 colsole.time 실행내용 colsole.timeEnd 실행하면 실행내용의 소요시간 알려줌 alert | console /** * alert ..
javascript 자바스크립트란, 웹브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다. 자바스크립트는 ECMA스크립트 표준을 따르는 대표적인 웹 기술이다. 인터프리터방식 src => object . 코딩하는 그대로 오브젝트가 된다. 컴파일방식 (인터프리터의 반대) .java=> class (컴파일) src => object (컴파일 후 실행) 여기서 object는 실제 실행파일이고, 인터프리터방식은 코딩하는 그대로 나온다고 보면 된다. 스크립트언어 : 매우빠르게 배우고 작성하기 위해 고안됨. 짧은 소스코드 파일이나 REPL(Read Eval Print Loop)로 상호작용 클라이언트 사이드 스크립트 (사용자 컴퓨터에서 처리) Javascript, VBscript, Jscript ..
