🍯

1. document.querySelector('') 를 매번 쓰기 힘드니까 util.js로 빼자.

const $ = (name, root=document) => root.querySelector(name);
const $$ = (name, root=document) => root.querySelectorAll(name);

export {$, $$};

2. 타겟의 부모 찾기

const findParent = (className, target) => {
    const {parentElement} = target;

    if(!parentElement) return null;

    if(parentElement.className.split(" ")[0] === className)
        return parentElement;

    return findParent(className, parentElement);
}

3. 현재 년.월.일 가져오기

const makeTwoDigit = (s) =>  s.length < 2 ? '0'+s : s;
// "2021.02.15."
const getCurrentDate = () => {
    const D = new Date();
    const year = D.getFullYear();
    const month = makeTwoDigit(D.getMonth()+1);
    const date = makeTwoDigit(D.getDate());
    return `${year}.${month}.${date}`
}

export {getCurrentDate};

// "2021. 2. 15."
const date = new Date().toLocaleDateString();

4. 지나간 시간을 유연하게 출력

const getPassTime = (date) => {
    let tmp = new Date().getTime() - new Date(date).getTime();
    tmp = parseInt(tmp/1000);
    if(tmp < 60)
        return `🕓 Updated ${tmp} seconds ago`;

    tmp = parseInt(tmp/60);
    if(tmp < 60)
        return `🕓 Updated ${tmp} minutes ago`;

    tmp = parseInt(tmp/60);
    if(tmp < 24)
        return `🕓 Updated ${tmp} hours ago`;

    return `🕓 Updated ${parseInt(tmp/24)} days ago`;
}

5. String → JSON 가능 여부

const isJsonString = (str) => {
    try {
        JSON.parse(str);
    } catch (e) {
        return false;
    }
    return true;
}

6. 같은 배열인지 비교

배열도 객체이기에 [] === [] 하면 ture 뜬다.

const isSameArray = (a, b) => {
    return JSON.stringify(a) === JSON.stringify(b);
}

7. 빈 입력(공백뿐인) 체크하기

const isInVailInput = (arr) => {
    const isBlank = arr.some(item => item.replace(/ /g, "")  === "")
    return isBlank
}