송민준의 개발노트

엄격모드란? ( 느슨한 모드 ) 기본적으로 자바스크립트는 상위호환성 이슈 없이 발전해왔다. 하지만 기본적으로 불완전하게 만들어졌던 기능들이 있어 ES5에서는 새로운 기능들이 추가되고 기존 기능 중 일부가 변경되었다. 기존 기능이 변경되었기 때문에 하위 호환성에 문제가 있었고 "use strict"라는 특별한 지시자를 사용해 엄격 모드를 활성화 했을 경우만 이 변경사항이 활성화되게 해놓았다. 또한 자바스크립트가 묵인했던 여러 에러들의 에러 메시지를 발생시킨다. 사용법 "use strict" // 가장 최상단에 위치해야함 함수에서 사용법 function strict() { 'use strict'; // 로직 } * 자바스크립트 엔진을 이전 방식으로 되돌리는 "no use strict" 같은 지시자는 존재하지..

팀 프로젝트를 하다보면 각자 기능 구현을 하고 보면 함수의 이름이 같은 경우가 있다. 나도 팀프로젝트를 하다보면 아래와 같은 형식으로 함수를 생성한다. var init = function() { .. } var save = function() { .. } 이렇게 사용하다보면 함수가 겹치는 경우가 생겨서 먹통이 되는 경우가 있다. 이유는 브라우저의 스코프는 공용공간으로 쓰이기 때문에 나중에 로딩된 같은 이름의 함수가 먼저 로딩된 함수를 덮어쓰게 된다. 이러한 것을 방지하고자 아래와 같이 js의 유효범위를 만들어 사용한다. test라는 객체를 만들어 해당 객체에서 필요한 모든 function을 선언하는 것이다. 이렇게 되면 겹칠 위험이 사라진다. var test ={ init : function() { va..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

여기서 제일 중요한 것은 EventListener 안에 익명함수를 사용해서 기능을 정해주는 것이다. 2번째 인자값에 change()가 아닌 익명 함수 안에서 인자값을 포함한 change를 호출해주면 이상 없이 돌아간다. 없이 했더니 계속 오류떠서... Outer Box Red Green Blue Gray White Inner Box Red Green Blue Gray White 위의 예제에서 익명 함수 내에서 다른 함수를 호출 안하고 기능을 구현하고자 한다면 다음과 같이 하면 된다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.