자바스크립트는 싱글 스레드로 동작하는 언어이기 때문에 비동기 작업을 처리할 때 콜백 함수나 Promise를 활용해야합니다. 이번 글에서는 Ternary(삼항) 연산자를 사용하여 간단한 비동기 처리를 해보겠습니다.

비동기 처리란 무엇인가요?

비동기 처리란 코드의 실행 순서와 상관없이 작업을 동시에 실행할 수 있는 방식을 말합니다. 이것은 웹 애플리케이션에서 네트워크 요청이나 파일 입출력과 같은 오랜 시간이 소요되는 작업을 처리할 때 유용합니다. 비동기 처리를 사용하면 웹 애플리케이션의 사용성과 응답 성능을 향상시킬 수 있습니다.

Ternary 연산자란 무엇인가요?

Ternary 연산자는 조건에 따라 값을 반환하는 간단한 조건 연산자입니다. 일반적으로 if-else 문을 대체해서 사용할 수 있습니다. Ternary 연산자는 다음과 같은 형태로 사용됩니다.

(condition) ? expression1 : expression2

• condition: 평가할 조건입니다.
• expression1: 조건이 참일 때 반환할 값입니다.
• expression2: 조건이 거짓일 때 반환할 값입니다.

Ternary 연산자를 활용한 비동기 처리 예제

다음은 Ternary 연산자를 사용하여 자바스크립트에서 비동기 처리를 하는 예제입니다. 아래의 코드는 Promise를 사용하여 비동기 작업을 처리하고, Ternary 연산자를 사용하여 처리 결과를 출력하는 코드입니다.

function fetchData() {
  return new Promise((resolve, reject) => {
    const data = fetchDataFromServer();
    if (data) {
      resolve(data);
    } else {
      reject(new Error("Failed to fetch data from server"));
    }
  });
}

fetchData()
  .then((data) => console.log(`Data fetched successfully: ${data}`))
  .catch((error) => console.error(`Error: ${error.message}`));

위의 코드에서 fetchData 함수는 서버로부터 데이터를 가져오는 비동기 작업을 수행합니다. fetchData 함수는 Promise를 반환하며, 데이터를 성공적으로 가져오면 resolve를 호출하고, 데이터를 가져오지 못하면 reject를 호출합니다. Ternary 연산자를 사용하여 resolve 또는 reject를 호출하는 것을 간단하게 처리할 수 있습니다.

Promise의 then 메소드를 사용하여 비동기 작업이 성공적으로 처리된 경우에 해당하는 로직을 처리하고, catch 메소드를 사용하여 에러가 발생한 경우에 대한 예외 처리를 할 수 있습니다.

마무리

Ternary 연산자를 활용하여 자바스크립트에서 비동기 처리를 간단하게 할 수 있습니다. 이를 통해 코드의 가독성을 높이고, 비동기 작업의 결과를 처리하는 로직을 간단하게 작성할 수 있습니다. Ternary 연산자를 사용하여 자바스크립트 비동기 처리에 도전해보세요!

참고 문서:

• MDN web docs: Ternary 연산자
• MDN web docs: Promise