Ternary 연산자를 사용하여 자바스크립트에서의 쿠키 처리

08 Nov 2023

javascript

자바스크립트에서 쿠키를 다루는 것은 웹 개발에서 많이 사용되는 작업 중 하나입니다. 쿠키는 사용자의 브라우저에 정보를 저장하여 웹사이트가 사용자를 식별하고 상태를 유지할 수 있도록 도와주는 중요한 요소입니다.

쿠키를 다룰 때 특정 조건에 따라 값을 설정하거나 확인해야 하는 경우가 있습니다. 이때 Ternary 연산자를 사용하면 간결하고 효율적인 코드를 작성할 수 있습니다.

Ternary 연산자란?

Ternary 연산자는 세 개의 피연산자를 가지며, 조건을 평가하여 참일 경우 첫 번째 피연산자를 반환하고 거짓일 경우 두 번째 피연산자를 반환합니다. 기본 구문은 아래와 같습니다.

condition ? expression1 : expression2

Ternary 연산자를 사용한 쿠키 처리

쿠키 처리를 예시로 들어보겠습니다. 사용자가 로그인한 경우 isLoggedIn이라는 변수를 true로 설정하고, 로그인하지 않은 경우 false로 설정한다고 가정해봅시다. 그리고 사용자의 이름을 쿠키에 저장해야 한다면 아래와 같은 코드를 사용할 수 있습니다.

document.cookie = isLoggedIn ? `username=${username}` : '';

위 코드는 isLoggedIn 변수가 참인 경우 username 값을 쿠키에 저장하고, 거짓인 경우 빈 문자열로 설정합니다.

let isLoggedIn = true;
let username = 'john.doe';

document.cookie = isLoggedIn ? `username=${username}` : '';

위의 예시에서는 isLoggedIn 변수가 참이므로 username=john.doe 값을 쿠키에 저장하게 됩니다. 반대로 isLoggedIn 변수가 거짓이라면 아무런 값도 저장하지 않게 됩니다.

Ternary 연산자를 사용하여 쿠키 처리를 간편하게 할 수 있습니다. 쿠키 처리 외에도 다양한 상황에서 Ternary 연산자를 활용하여 코드를 간결하고 가독성 좋게 작성할 수 있습니다.

Ternary 연산자란?

Ternary 연산자를 사용한 쿠키 처리

References