JS 썸네일형 리스트형 [자바스크립트] Object.defineProperty ? 객체 내의 새로운 속성을 정의하거나 기존의 속성을 수정할때 시용한다. Object.defineProperty(obj, prop, descriptor) 위와 같이 사용하고 obj : 속성을 정의한 객체 prop : 속성명 descriptor : 새로 정의하거나 수정하려는 속성의 객체 ex) 함수, 속성의 value 등등 const test = {}; Object.defineProperty(test, “name”, {value : “sss”, writable : true}); console.log(test.name); 결과 : sss writable 과 같이 설정 값도 지정해 줄수 있는데요 enumerable 설정은 키 값을 걸어 할수 있는지에 대한 설정인데요 true/false로 설정할 수 있습니다. co.. 더보기 [자바스크립트] prototype 자바스크립트에서 객체를 생성하면 모든 객체는 prototype 객체에 접근이 가능합니다. prototype에 접근하면 개발자가 원하는 변수나 함수를 커스터마이징할수 있습니다. 또한 prototype 객체에서는 해당 객체에 생성자에 접근을 할 수 있습니다. 해당 그림과 같은 관계를 갖고 있습니다 따라서 개발 시 사용하는 스크립트 라이브러리에도 사용 편의에 따라 사용함수를 커스터마이징할때 사용하면 편리합니다 예를 들면 String.prototype.replaceSomething = {...} 과 같이 기존에 존재하는 String 객체에도 커스터마이징해서 사용할 수 있고 var test = {}; test.prototype.something = function(){...} 이런식으로도 사용이 가능합니다:) 더보기 1. 메뉴 트리 만들기 메뉴 트리를 만들어 봅시다. HTML 삽입 미리보기할 수 없는 소스 일단 HTML은 이렇게 만들었습니다 만약 쿼리로 DB에서 메뉴 목록을 가져 온다면 자바스크립트를 이용해서 그려주는 방법을 이용하거나 해야겠죠?! 다음 단계로는 CSS 스타일을 만들어 줍니다. HTML 삽입 미리보기할 수 없는 소스 만들어준 CSS와 HTML을 종합해 보면 기본적으로 메뉴는 닫혀져 있습니다. 그러면 가장 중요한 JS 코드는 아래와 같이 만들었습니다. HTML 삽입 미리보기할 수 없는 소스 아마 플러그인과같이 편리한 도구들이 많이 만들어 져서 위와 같은 코드는 사용하지 안을수 있지만 제가 근무하는 은행권 업무는 사실 이러한 도구들이 없는 경우가 많으니 이런 투박한 방법도 고려해 보세요!!! 더보기 이전 1 2 다음
