최근에는 웹 어플리케이션에서 유저 인증을 처리하는 것이 필수적이 되었습니다. 이를 위해 많은 개발자들은 조건문을 사용해서 null 또는 undefined 값을 체크하고 기본 값을 설정하는 방법을 사용합니다. 하지만 자바스크립트의 Nullish Coalescing(널 병합 연산자)를 활용하면 조금 더 간결하고 효율적으로 이를 처리할 수 있습니다.

Nullish Coalescing 연산자는 왼쪽 피연산자를 평가하여 null 또는 undefined인지 확인하고, 그 경우에만 오른쪽 피연산자를 반환합니다. 이를 통해 기본 값이 설정되지 않은 유저 데이터를 처리할 수 있습니다.

예를 들어, 유저의 이름을 출력하는 경우를 생각해보겠습니다. 유저 정보를 가져온 후, 이름이 설정되어 있지 않다면 기본 값을 출력하고 싶습니다. 기존의 방법에서는 다음과 같이 코드를 작성할 수 있습니다.

const user = getUserData();

let name;
if (user && user.name !== null && user.name !== undefined) {
  name = user.name;
} else {
  name = 'Guest';
}
console.log(name);

위 코드는 유저 데이터가 존재하고, 이름이 null이나 undefined가 아닌 경우에만 이름을 저장하는 것을 보여줍니다. 하지만 Nullish Coalescing 연산자를 사용하면 더 간단하게 표현할 수 있습니다.

const user = getUserData();

const name = user?.name ?? 'Guest';
console.log(name);

위 코드에서는 user 객체가 존재하고, user.name이 null이나 undefined가 아닐 경우에는 user.name을 반환합니다. 그렇지 않은 경우에는 ‘Guest’를 기본 값으로 설정합니다.

Nullish Coalescing 연산자는 코드를 더 간결하고 가독성 좋게 만들어줍니다. 또한, 기본 값이 설정되지 않은 유저 데이터를 쉽게 처리할 수 있게 해줍니다.

#javascript #NullishCoalescing