IT개발/Javascript8 [Javascript] Aptana 디버깅 firebug 1.8.3 firebug 의 경우 Aptana와 연동이 되는 버전은 1.8.3 까지이다. 만약에 그 이상의 버전이 설치된 경우에는 다음과 같이 따라해라 1. firefox 재설정 (초기화) - 구글링 하면 나온다 2. firebug 1.8.3 을 직접 파일 설치한다 3. Aptana 에서 Debug 설정에서 firefox 를 지정한 수에 디버깅한다. 2014. 9. 1. [Javascript] 자바스크립트 정규식 자바스크립트 정규식 정규식을 간단히 정의하면 문서에서 어떠한 패턴을 찾아 원하는대로 바꾸기 위한 일종의 수식이다. 정규식 기본 표현 * 0또는 그이상 횟수로 매치 ? 0또는 1회 매치 + 1회 또는 그이상 횟수로 매치 {m} 정확히 m회 매치 {m,} 최소한 m회 매치 {m,n} 최소한 m회 최대한 n회 매치 | OR 를 의미함 ^Auto 첫번째 문자가 반드시 Auto로 시작함을 의미 Auto$ 마지막 문자가 반드시 Auto로 끝남을 의미 \d [0-9] 숫자 \D [^0-9] 숫자가 아닌것 \s [\t\n\x0B\f\r] 공백 \S [^\s] 공백이 아닌것 \w [a-zA-Z_0-9] 문자 \W [^\w] 문자가 아닌것 ^ 시작부분 $ 끝부분 \b 글자인 범위 \B 글자가 아닌것의 범위 X? 0 혹은 .. 2014. 3. 30. [Javascript] JSON 정리 대부분의 웹 개발자들은 과거의 Javascript 문법에 익숙해져 있고 나도 그렇다. function funcOld(){} 하지만 이제는 객체지향의 문법 형태를 많이 사용하게 되는데 var newOne = {funcNew:function(){}}; newOne.funcNew();newOne 객체의 메소드라는 느낌이다. 간단하게 객체답게 만들어 보면 customer의 객체를 만들어 실행해 볼 수 있겠다.customer 객체는 JSON의 형태로 구성되어 있는데각 행은 자바스크립트의 행 구분인 세미콜론이 아닌 콤마로 구분되어 있다. JSON에서는 [ { , " ' 의 형태로 구성된 문자열 데이터 형태로 XML에 비해 짧고 간단하게 데이터를 구성할 수 있다. 위는 HTML의 엘리먼트에서 정의했던 이벤트를 Jav.. 2014. 1. 23. [Jquery] 브라우저 기능 플래그 ( 브라우저 별 개발 시 ) $.support 객체에서는 프로퍼티로 브라우저 기능 플래그를 제공한다. $.support 객체에서는 프로퍼티로 브라우저 기능 플래그를 제공한다.$.support 객체에서는 프로퍼티로 브라우저 기능 플래그를 제공한다.다음과 같이 정리할 수 있다. boxModel 사용자 에이전트가 표준 박스모델을 따르면 true cssFloat cssFloat 프로퍼티가 사용되면 true hrefNormalized href 어트리뷰트를 가져올 때 명시한대로 정확한 값을 반환하면 true htmlSerialize innerHTML을 사용하여 DOM에 추가된 엘리먼트가 가리키는 스타일 시트 파일을 브라우저가 해석하면 true leadingWhitespace innerHTML을 사용하여 삽입된 텍스트 앞의 공백을 브라우저가 보.. 2014. 1. 23. [Jquery] $.fn.javascript 에서 '.fn' 의 의미는 무엇인가? In jQuery, the fn property is just an alias to the prototype property.The jQuery identifier (or $) is just a constructor function, and all instances created with it, inherit from the constructor's prototype.A simple constructor function:function Test() { this.a = 'a'; } Test.prototype.b = 'b'; var test = new Test(); test.a; // "a", own property test.b; // "b", inherited propertyA simple structur.. 2014. 1. 23. [Javascript]Fire fox firebug 플러그인 설치 파이어폭스는 Explore 브라우저와는 다르게 버그가 적고 호환성이 뛰어나다는 점에서 강점을 갖고있지만특히 더 눈에띄게 두드러지는 기능은 플러그인을 자체적으로 설치해서 사용할 수 있다는 것입니다. 익스플로러에서도 개발환경을 보려면 F12를 눌러서 코딩물을 볼 수는 있지만 확인하기가 꽤나 불편합니다.파이어폭스에서도 이와같은 개발환경을 확인해보고 직접 레이아웃을 수정해볼 수 있는 기능이 있는데 이것이 바로 firebug 라는 플러그인입니다. 그럼 파이어버그 플러그인의 설치법을 알아보도록 합시다. 전에 설명한 방법으로 일단 파이어 폭스를 깐 후에브라우저 좌측상단에 주황색 버튼으로 Firefox 라는 버튼을 눌러줍니다. 버튼을 누르면 파란색 퍼즐 아이콘에 부가기능 이라고 써있는 메뉴가 있습니다. 클릭합니다. 부.. 2014. 1. 23. 이전 1 2 다음
