1. 배열에서 유니크 한 값 추출 

let numbers = [1,2,3,3,4,4,5,5,6];

// 배열에서 유니크한 값 추출
let uniqueNumbers = numbers.filter((item, index, array) => {
 return array.indexOf(item) === index;
 });

console.log(uniqueNumbers);

 결과   [1,2,3,4,5,6] 


2. Object 배열에서 유니크한 값 추출 

let objDatas = [
    {
        name : "찌끼찌기",
        age : "20"
    },{
        name : "차차",
        age : "24"
    },{
        name : "붐붐",
        age : "25"
    },{
        name : "랄랄라",
        age : "25"
    }
];

// objDatas 에서 나이가 유니크한 데이터
let uniqueObjDatas = objDatas.filter((item, index, array) => {
    return array.findIndex(i => i.age === item.age) === index;
});

console.log(uniqueObjDatas);

 결과   [{name:'찌끼찌기', age: '20'}, {name:'차차', age: '24'}, {name:'붐붐', age: '25'}] 

 

※ Code Tip 

 i.age === item.age 이부분을 i.name === item.name 처럼 수정/응용하여 사용하시면 됩니다.


Note Page 2 - End 


가끔 필요하지만 막상 쓰려보면 없는 정규표현식 !! 정리겸 모아 보겠습니다.


1. 콤마찍기

var numberWithComma = function(x) {

    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",");

}

 

2. 콤마빼기 

var replaceComma = function(x) {

    return x.toString().replace(/,/g,"");

}

 

3. 숫자만입력

var onlyNumber = function(x) {

    return x.toString().replace(/[^-0-9]/gi, '');

}

 

4. 하이픈제거

var replaceHyphen = function(x) {

    return x.toString().replace(/-/gi, "");

}

 

5. 전화전호 하이픈 생성

var phoneHyphen = function(x) {

    return x.toString().replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3");

}

 

6. 주민등록번호

var juminHyphen = function(x) {

    return x.toString().replace(/(\d{6})(\d{7})/,"$1-$2");

}

 

7. 사업자등록번호

var employerNumHyphen = function(x) {

    return x.toString().replace(/(\d{3})(\d{3})(\d{4})/,"$1-$2-$3");

}

 

 

요 페이지는 시간나는 대로 무한정 추가 하도록 하겠습니다. ^^ 

 

 

Note Page 1 - End 

대부분의 SPA(Single Page Application) FrameWork 에서는 생명주기(Life Cycle)을 

가지고 있습니다.

 

UI5도 SPA FrameWork 에 해당하며 

Controller 메서드 생명주기를 가지고 있습니다.

 

하나씩 알아 보도록 하겠습니다.

 

Step1. onInit 

View 로딩시 무조껀 1번 실행되는

function 입니다. 

여기에 시작 시 동작할 function 들을

등록 합니다.

1
2
3
onInit: function() {
        
}            

 

Step2. onBeforeRendering

Xml View가 브라우저 랜더링(화면생성)전에 실행되는 function입니다.

onBeforeRendering: function() {
 
},

 

Step3. onAfterRendering

Xml View가 브라우저 랜더링(화면생성)후에 실행되는 function입니다.

onAfterRendering: function() {
        
},

 

Step4. onExit

Xml View를 떠난 후 실행되는 function입니다.

View를 벗어난 Routing 으로 인한 이동 시

초기화 해야할 것이 있거나 실행되어야 할 

function을 등록합니다.

onExit: function() {
        
}

 

Controller에 위 function 들을 등록 할 경우

위의 상황에 따라 실행되게 됩니다.

상황에 맞게 활용하여 사용 하도록 합니다.

 

 

Note Page 7 - End 

+ Recent posts