Road to Software Architect

이벤트를 처리할 때는 어떤 언어와 상관 없이 아래와 같은 과정을 거치게 된다. 1. 이벤트 등록 어떤 이벤트들이 있는지 등록을 하게 된다. 등록된 이벤트들을 아래 2,3 과정에서 사용하게 된다. 이벤트들을 사용할 것이기 때문에 static 이나 전역으로 설정하여 모든 모듈에서 접근 가능해야 한다. 하나의 맵에서 여러 이벤트들을 등록할 수 있다. 2. 이벤트 에 대한 핸들러 등록 특정한 이벤트가 발생 (fire) 될 때 처리할 핸들러들을 등록한다. 보통은 초기 시점에서 각 이벤트와 이벤트 핸들러를 연결하게 된다. 만약 핸들러 등록 시 (해당하는 이벤트 ID , 핸들러 함수) 인데 해당하는 이벤트 ID 가 없다면 에러를 내야 한다. 3. 이벤트 발생 처리 이제 이벤트와 이벤트를 처리할 핸들러까지 등록을 하였..

굉장히 유용한 함수이다. Array.prototyp.map() 을 사용하면 현재 배열값에 다가 어떤 액션을 취해서 새로운 배열을 생성한다. (약간 for 문의 역할도 같이 하는 듯) 즉 map 안에 들어가는 function 인자가 return 하는 값들에 대한 배열을 새로 생성하게 된다. var testArr = ["A","B"]; 만약 이 배열에서 "0" 이라는 문자열을 각 원소에다 넣고 싶으면 var newTestArr = testArr.map(function(element, index){ // function 의 두번째 인자는 index 이다. return element + '0'; }); // newTestArr = ["A0", "B0" ]; forEach 함수와 헷갈릴 수 있는데 forEach ..

C++ 처럼 자바스크립트에서도 객체의 속성 이나 객체를 지울 때는 delete 명령어를 사용한다. var test = {}; test.name = "karis"; delete test.name // 속성 삭제 delete test // 객체 삭제 주의) delete 명령어를 이용하여 배열의 원소를 지울 수 있으나 지워지는 게 아니고 그 값이 undefined 가 된다.

자바스크립트에서 정규식 검사하는 방법은 2가지이다. (match, test)사용방법이 약간 다른데 다음과 같다. 먼저 검사할 문자열(String) 과 정규식 문자열을 정의한다. 정규식 문자열은 특이하게 '' 마크를 붙히지 않고 써준다. var userInput = document.getElementById("userInput").value;var checkRegexp = /^[0-9]*$/; 1) match () 사용 match 메소드의 주체는 검사할 문자열이 된다. 검사하는 문자열.match(정규식 문자열)리턴값은 통과하면 true , 통과하지 못하면 false 이다. 따라서 검사하는 문자열이 userInput 라면 userInput.match(checkRegexp) 이렇게 정규식 검사를 수행할 수 있..

보통 팝업에서 호출한 화면으로 값을 전달할 때는 opener.[부모 폼].[부모 필드].value = value; 이런식으로 하는데, 이렇게 하면 공통으로 사용하기가 애매한 상황이 있다. 그런데 opener를 이용해서 부모의 자바스크립트 함수를 호출할 수 있다니 ^^ opener.[부모 화면의 자바스크립트 함수](넘겨줄 값) 하면 부모 창의 자바스크립트 함수를 실행해서 값을 넘겨줄 수 있고, 이 팝업을 공통으로 사용이 가능하다. Wow~~

형변환 Number() 함수 , parseInt() 함수 비교 Java Script 에서 문자열울 숫자로 형변환을 하는데는 두가지 함수를 사용할 수 있다. Number(문자열) / parseInt(문자열) 그러나 주의할 것이 있다. Number 같은 경우에는 만약 소수점까지 있으면 소수점 그대로 출력하고 parseInt() 는 소수점 이하는 다 절삭하고 정말로 정수만 출력하게 된다. 예) Number("111.11") --> 111.11 parseInt("111.11") --> 111 그래서 소수점이 들어가는 경우에는 Number() 를 사용하던가 아니면 parseFloat() 을 사용한다. parseFloat("111.11") --> 111.11

웹 개발을 하다보면 폼에 입력할 값이 너무나 많아서 테스트 하는 거 자체가 상당한 시간이 소요되는 경우가 많다. 값을 화면에서 일일이 입력 하자니 힘들고 그렇다고 소스에다 값을 셋팅하자니 다시 바꿔줘야 하고 이럴 때 유용하게 사용할 수 있는 방법을 찾아 내었다. 바로 User Script 라는 놈을 이용하는 것이다. !!! 자세한 설명은 http://mytory.net/archives/2650?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+mytory_tc+%28%EC%9B%B9%EC%9C%BC%EB%A1%9C+%EB%A7%90%ED%95%98%EA%B8%B0%29 여기에 잘 나와있고 나는 크롬 Extension 인 tamperMonkey를 사용..

카리스킴이다. 자바스크립트를 사용하면서 다중값을 변수에 담아야 할 때, 무의식적으로 배열을 사용하곤 한다. 그러나 자바스크립트 에서 Obejct 객체를 사용하여 다중값을 담을 수 있다. 아래는 사용 예이다. last 라는 Object 객체를 이용해서 order 와 menuId 두 값을 담고 있다. 배열을 사용할 때 보다는 직관적으로 값이 보이기 때문에 가독성 면에서는 좋은 것 같다. /* * 각 노드의 최하위 메뉴 순서 리턴 * parent = 상위메뉴ID */ function getMaxOrderOfNode(parent) { var last = {}; // new Object() : Anti Pattern last.order = 0; for (i=0; i last.order){ last.order = ..