03.31.2022 TIL

TIL

Done it

• Promise Error handling
  • Promise.reject을 있 을 때 Error을 출력하지 않고 나중에 원할 때 출력하는 방법
• 클로저 문제에 대한 var와 let의 차이점
• 명령형 프로그래밍
  • "어떻게" 처리하는 것이 있는 프로그래밍
  • 일일이 과정이 다 나와 있는 프로그래밍

const a = (arr) => {
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
}

• 선언적 프로그래밍
  • "무엇을" 처리하는 것이 있는 프로그래밍
  • 특정 과정만 나와 있는 프로그래밍

const a = (arr) => {
    arr.forEach((v, i) => console.log(v));
}

 

• Error handling

동기적

1. 인자 지정
function a(list = []) {
    return list
        .map(a => a + 10);
}

2. || 이용
function a(list) {
    return (list || [])
        .map(a => a + 10);
}

3. try & catch
function a(list) {
    try {
        return list
            .map(a => a + 10);
    }
    catch {
        return [];
    }
}

 

비동기적

try 부분에서 return await Promise를 해주면 catch부분에서 error를 잘 파악 할 수 있습니다.

async function a(list) {
    try {
        const res = list
            .map(a => new Promise(resolve => {
                resolve(a + 10)});
        return await res
    }
    catch {
        return [];
    }
}

 

 

Feeling

함수형 프로그래밍을 하면서 많이 배우고 있는 것 같습니다. 하나하나 모르는 것을 알 때 좋지만 뭔가 직장가서 직접 만들어서 사용하라고 하면 강사님과 같은 수행능력을 내기에는 아직 많이 부족한 것 같아 아쉬운 생각이 듭니다.

더 성장해야 겠습니다. :)

 

 

REF

프로그래머스 데브코스

https://github.com/baeharam/Must-Know-About-Frontend/blob/main/Notes/javascript/closure.md

https://gwpaeng.tistory.com/383

https://gwpaeng.tistory.com/382

Promise Error handling