본문 바로가기

잡(job)기술/Java Script6

ES6 getter, setter class User { constructor(name, age, email) { this._name = name; this._age = age; this._email = email; } } const jeff = new User("Jeff", 30, "jeff@gmail.com"); User 라는 클래스를 하나 정의했다. 이 클래스를 객체로 하나 생성한 것이 jeff이다. 자바스크립트에서 아직 접근 권한자와 같은 - C++에서는 public, protected, private 과 같은 형태로 사용한다. - 사양을 제공하지 않는다. 그래서, jeff._name = "Jeff1"; 과 같은 필드 접근이 가능하다. 그렇지만, 객체 지향 프로그래밍에서의 캡슐화를 적절히 이용하는 것은 중요하다. 아마도 추후에는 .. 2019. 8. 27.
node.js 개요 Ryan Dahl Ryan Dahl 은 미국인이면서 독일에서 프리랜서로서 활동하는 프로그래머라고 한다. 그가 한 일은 인터럽터블 파서, 이벤트 루프, 응답시간 히스토그램 등의 업무 등이었다. 몇 가지 오픈 소스 프로젝트를 만든 사람이기도 한데, Ebb 웹서버와 Nginx 용인 EY 라고 불리는 로드 밸런서 모듈이다. Joyent 에서 일을 했는데 2012년에 떠난 것 같다. 새로운 프로젝트를 하기 위해서이라고 하는데, Node.js 분야에서도 떠난 듯 한다. 프리랜서로 일을 하면서 자유롭지만 자기가 하고 싶은 분야를 깊이 팔 수 있는 환경에서 자신을 계발해 온 것이 아닌가 싶다. 크롬 V8 엔진 Node.js 는 JavaScript 를 이용해서 빠르고 확장이 쉬운 네트워크 애플리케이션을 개발하는데 유용한.. 2016. 10. 13.
JQuery Mobile - collapsible 과 테마롤러 모바일 환경은 아무래도 화면의 표시에 제약이 많이 따르므로, 이를 고려한 아이템들이 많은 것 같다. collapsible widget 의 경우도 이를 위한 아이템인 것 같다. data-role="collapsible" 을 주게 되면, 하위에 있는 아이템들을 펴서 보이게 하거나, 접어서 감추거나 하는 동작을 구현할 수 있다. 또한 data-role="collapsible-set" 을 주게 되면, 하위에 여러 개로 정의된 data-role="collapsible" 를 가지는 아이템 중에 하나만 펼치는 동작을 구현할 수 있게 된다.작성한 예제는 링크해 둔다.http://moonyl.rf.gd/collapsible_test.html 테마롤러라는 사이트를 접속해서 테마를 좀 더 쉽게 디자인할 수 있다. 사이트 링.. 2016. 10. 7.
JQuery Mobile 페이지 연결 JQuery Mobile 을 이용하여, 요소를 data-role="page" 로 지정하면 페이지 컨테이너로 사용하여 페이지 전환을 그 컨테이너 내부에서 이뤄지도록 할 수 있다.head 에는 JQuery mobile 을 사용할 수 있도록 구성을 해준다.JQuery Mobile 1.4.5 로 오면서 data-add-back-btn 속성에 대해서 지원하지 않게 된 건지 예제 코드에서 실행이 되지 않는다.우선은 link 와 script 설정을 다음과 같이 해줬다. 페이지 별로 data-role="page" 속성을 넣어주면, 첫번째 태그의 내용만 나타나게 된다.첫 번째 페이지 헤더 첫 번째 페이지 내용두 번째 내부 페이지 링크세 번째 외부 페이지 링크 첫 번째 페이지 풋터#page2 로 링크된 내용은 같은 페이지.. 2016. 10. 4.