본문 바로가기

Javascript

메서드 체이닝 기술 난 메서드 체이닝이란 단어를 듣고 예상을 했다. 자바에서도 곧잘 사용하기때문이다. 위처럼 메서드를 줄줄히 붙여서 사용하는 것을 메서드 체이닝이라 한다. 이런 명칭이 붙어있는지 모르고 계속 사용해왔다. ㅋㅋ 알아두자. 더보기
Object객체를 이용한 자료형 구분 typeof를 이용한 자료형 구분에는 약간 문제가 존재한다.두 변수 모두 숫자지만, 생성자 함수를 사용해서 만든 숫자는 객체이므로 경고창을 출력하지 않는다. 이 두 대상을 같은 자료형으로 취급하고 싶을 때는 constructor() 를 사용해야한다. 위처럼 생성자 함수가 number 생성자 함수인지 비교하면 쉽게 숫자인지 구분할 수 있다. 다른 자료형도 마찬가지이니 활용하도록 하자. 더보기
ECMAScript 5 추가 속성 유럽 컴퓨터 제조 협회의 표준에 따르면 자바스크립트는 ECMAScript이다. 하지만 자바스크립트라는 말을 오래써왔으므로 자바스크립트라는 말을 많이 사용한다. HTML5가 나오면서 ECMAScript 5라는 표준안이 생겨났다. ECMAScript 5표준안은 익스플로러 9 아래에서는 동작하지 않는다. 그러므로 다른 브라우저나 익스플로러 9 이상 버젼으로 테스트해야한다. 1. ECMAScript 5 객체속성 추가 메서드 이름 설명 Object.defineProperty() 객체에 속성을 추가한다. Object.defineProperties() 객체에 속성을 추가한다. defineProperty()var object = {};Object.defineProperty(object, 'name', { 속성 옵션 }.. 더보기
상속 자바스크립트에도 상속이 있다. 잘 쓸일은 없겠지만, 알아두자. 자바스크립트에 정확한 상속방법은 없다. 상속을 확인 하는 방법은 instanceof를 이용하면 된다. 상속됬다면 true가 나올 것이다.alert(rectangle.getArea() + ' : ' + square.getArea());alert(square instanceof Rectangle); 더보기
배열과 객체 이번엔 배열관 객체를 복습하자. 기본적인 선언이라 보면 되겠다. 객체는 조금 특이하지만, 이용법만 알면 편하다. 객체안에 함수를 만들어 넣을 수 있다. 이 경우에 함수대신 메서드라 부른다. 기억할 것은 객체 안에 자신이 가지고 있는 속성을 사용하고 싶을 때, this를 붙여서 사용한다. 다른 언어에서 처럼 생략이 불가능하니 꼭 기억하자. 객체의 반복문을 사용할 경우 for문을 이용해서 인덱스로 접근하는 방법은 사용할 수 없다. 하지만 for in 반복문을 이용해 접근이 가능하다. 이번에는 in 키워드를 알아보자. in은 객체 안에 속성이 존재하는지 확인할 수 있다. 그리고 with 키워드는 참조할 객체를 가리켜서 코딩을 좀 더 단순하게 해준다. 객체의 생성과 제거 더보기
form 값을 새창으로 전송하기 기존 URL을 이용해 작업하려다보니 문제가 생겼다. 파일을 전송해야하는데 form을 사용하지 않으면 안되는 것이다.xml 파일을 전송하여 파싱하고 화면에 보여줘야한다. 복잡하게 하면 할 수 있겠으나 되도록 간단히 하고 싶었다. 그래서 form으로 만들어보았다.미리보기 ie에 최적화된 페이지여서 ie에서만 테스트 해보았다.한가지 주의할 것은 a링크에 onclick을 사용하면 안된다. 그럼 부모창이 엉뚱한 링크로 이동하는 것을 볼것이다. 자바 스크립트는 다음처럼하면 된다.function openXml(){var frmXml = document.getElementById("formXml");frmXml.target = "ListXml";frmXml.action = "/confirm/ListXml.html";v.. 더보기
자바 스크립트 내장함수 1. 인코딩, 디코딩 관련함수 이름 설 명 escape() 적절한 정도로 인코딩합니다. unescape() 적절한 정도로 디코딩합니다. encodeURI(uri) 최소한의 문자만 인코딩합니다. decodeURI(encodedURI) 최소한의 문자만 디코딩합니다. encodeURIComponent(uri) 알파벳, 숫자를 제외한 문자를 인코딩합니다. decondeURIComponent(encodeURI) 알파벳, 숫자를 제외한 문자를 디코딩합니다. 파라메터에서 특수문자로 인해 문제가 발생할 경우가 많다.개인의 취향이겠지만 본인은 encodeURIComponent, decondeURIComponent 를 선호한다.escape와 escapeURI는 어떤걸 예외로 해야하는지 외워야하기 때문에 귀찮다. ^^그리고.. 더보기
가변인자 함수 자바스크립트는 매개변수를 선언하지 않아도 사용할 수 있다. 숫자일 경우만 덧셈하려면 이련 경우도 될거 같고 몇가지 방법이 더 있을듯 하다. 더보기
자료형의 확인 자바스크립트를 정식으로 공부해본적이 없어 jquery를 공부하기 위해 javascript 기초를 보고 있다. 자료형 확인하는 내용이 있었는데 java와 비슷하나 좀더 유연한 것을 알 수 있다. javascript가 쉽다고 무시했으나 공부하면서 좀더 유연한 javascript를 사용하게 되지 않을까 생각한다. 더보기
나는 꼽사리다를 웹으로 들어보자. 처음 시작은 단순했는데 하다보니 막히는 부분이 많았다. 특히 JSON 만들때.... 많은 삽질과 서핑을 하면서 YQL이라는 걸 알게 되었다. 정말 야후도 대단하다. 구글보다 야후는 덜 인식되어있었는데 YUI이후 대박 기술을 본듯하다. 디자인은 접어두고 구현만 해보았다. 시간이 되면 YQL을 좀 보고 싶지만, 할게 많구나. ㅠㅠ ps. ie에서는 안됨. 사파리,크롬등에서 듣자 ㅋㅋ 더보기