자바 스크립트6 [JavaScript] 자바스크립트 생성자 함수와 new 연산자 생성자 함수와 new 연산자 자바스크립트 객체를 생성하기 위해 "new" 연산자와 함께 생성자 함수를 호출할 수도 있다. 다음 예제를 보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function User(name){ this.name = name; this.id = 123; this.sayHello = function(){ console.log("Hello, I am " + name); }; }; var user1 = new User("Tom"); var user2 = new User("Jerry"); user1.sayHello(); // Hello, I am Tom user2.sayHello(); // Hello, I am Jerry Colored by Color Script.. 2016. 11. 16. [JavaScript] 자바스크립트 Object() 생성자 이용한 객체 생성 객체 자바스크립트 객체는 이름이 지정된 값(키-값의 쌍)의 모음을 나타낸다. 보통 객체의 값을 객체의 프로퍼티(property)라고 한다. 자바스크립트 객체의 프로퍼티에는 함수, 배열, 다른 객체를 비롯해 어떤 타입의 데이터도 담을 수 있다. Object() 생성자를 이용한 자바스크립트 객체 생성 자바스크립트 객체는 Object() 생성자 함수를 호출해 생성할 수 있으며, 객체를 생성하고 나면 점(.) 연산을 이용해 해당 객체에 프로퍼티를 추가하거나 삭제할 수 있다. 다음 예제를 보자. 1 2 3 4 5 6 7 var object1 = new Object(); // 빈 객체 생성 object1.name = "itinpractice.com"; // 프로퍼티 추가 console.log(object1.name.. 2016. 11. 8. [Node.js] 노드 제이에스란 무엇인가? Node.js 출처 : http://d2.naver.com/helloworld/4994500 빠르게 서비스를 개발할 수 있는 Node.js 2년 전에 Node.js를 사용할까 말까 고민을 많이 했습니다. 그 당시 선택 기준은 세 가지였습니다. 개발 생산성이 좋아? 성능이 좋고 안정적이야? 개발자 커뮤니티는 활발해? 그리고 Node.js를 사용하기로 결정한 뒤로 식당, 펜션, 항공권, 호텔 등 여러 서비스를 Node.js로 개발했습니다.아마 많은 개발자가 Node.js를 서비스에 적용할까 말까 고민하고 있을 듯합니다. 이 글에서는 이런 개발자들을 위해 그동안의 경험과 자료를 바탕으로 위의 세 가지 질문에 대한 답을 정리했습니다. 이 글은 Node.js를 소개하는 글은 아닙니다. Node.js가 궁금하신 분은 웹을 검색해.. 2016. 9. 6. [JavaScript] 자바스크립트 자동 완성 Auto fill 자동 완성 NotePad++로 autocomplete.html을 생성해서 자동완성 기능을 만들어본다 그리고 div를 보여주기 위해서 style을 통해서 css을 적용해준다 이젠 searchKeyword 위 아래로 글자를 적어본다 그리고 z-index를 적용시키기 위해서 position을 relative로 준다 float을 하지 않고 상대적인 위치를 잡아주기 위함이다 다음과 같은 모양을 만들기 위해서 top과 left로 움직이고 크기를 맞춘 후 display=none을 지정해서 보여주지 않는다 이제 검색어를 입력할 때 키 입력을 알기 위해서는 keyup과 keydown, change를 통해서 알 수 있다 이벤트를 사용하기 위해서 script를 사용한다 onkeyup을 통해서 key up 시 이벤트를 지정할.. 2016. 6. 2. 이전 1 2 다음
