Javascript (9)
-
Array.reduce 활용Javascript 2020. 4. 27. 14:41
배열에 담겨있는 데이터들을 가지고 HTML로 찍어낼 때 활용하기 좋은 reduce 함수 샘플 안에 네비게이션 메뉴를 만든다. // 페이지 헤더 데이타 var menus = [{ id: 'menu-'+create_UUID(), url: 'index.html', title: '홈' }, { id: 'menu-'+create_UUID(), url: 'post.html', title: '게시판' }]; $("#header").html(` ${menus.reduce((previous,current,currentIndex)=>{ return `${currentIndex > 0 ? previous : ''} ${current.title} ` }, menus[0])} `);
-
UUID 사용Javascript 2020. 4. 27. 14:30
템플릿을 활용하여 여러 아이템을 찍어낼 때 uuid 를 id 패턴에 연결하여 웹표준을 맞춰보자. function create_UUID() { var dt = new Date().getTime(), uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = (dt + Math.random()*16)%16 | 0; dt = Math.floor(dt/16); return (c=='x' ? r :(r&0x3|0x8)).toString(16); }); return uuid; }
-
prototype 활용Javascript 2020. 4. 27. 14:28
모든 javascript의 객체(Object)들은 Prototype의 속성과 메소드를 상속받는다. Object.prototype 는 가장 최 상위에 상속받으며, Date, String, Array 등의 프로토 타입을 지정 시 Object의 프로토타입을 상속받는다. prototype 속성을 통해 메소드나 속성 등을 정의하면 따로 생성자를 작성하지 않고도 사용이 가능하여 편리하다. 기본적으로 날짜나 문자열에서 많이 사용하는 prototype의 예를 살펴보면 아래와 같다. Date Date.prototype.getBeforeDays = function(days) { var a = new Date(); a.setDate(a.getDate()+days); return a; }; Date.prototype.getB..