자바스크립트를 사용하여 웹 애플리케이션에서 페이징 처리를 하는 방법에는 다양한 방법이 있습니다. 이 중에서 Ternary 연산자를 활용하여 간결하게 페이징 처리를 할 수 있습니다.

Ternary 연산자란?

Ternary 연산자는 조건문을 간결하게 작성할 수 있도록 도와주는 연산자입니다. 일반적으로 사용되는 if-else 문의 축약형으로, 조건식을 평가한 후 참일 경우 첫 번째 표현식을, 거짓일 경우 두 번째 표현식을 선택하는 방식으로 동작합니다.

Ternary 연산자의 기본 구조는 다음과 같습니다.

조건식 ? 첫 번째 표현식 : 두 번째 표현식

Ternary 연산자를 사용한 페이징 처리

웹 애플리케이션에서 페이징 처리를 할 때, 현재 페이지 번호와 총 페이지 개수를 알고 있는 상황을 가정해보겠습니다. 이 때, Ternary 연산자를 사용하여 페이징 처리를 해보겠습니다.

const currentPage = 3;
const totalPages = 10;

const previousPage = currentPage > 1 ? currentPage - 1 : 1;
const nextPage = currentPage < totalPages ? currentPage + 1 : totalPages;

console.log(`이전 페이지: ${previousPage}`);
console.log(`다음 페이지: ${nextPage}`);

위 코드에서는 현재 페이지가 첫 번째 페이지인 경우에는 이전 페이지를 1로 설정하고, 마지막 페이지인 경우에는 다음 페이지를 마지막 페이지로 설정합니다.

이렇게 Ternary 연산자를 사용하면 if-else 문을 사용하는 것보다 코드가 간결해지고 가독성이 좋아집니다.

결론

자바스크립트의 Ternary 연산자는 조건문을 간결하게 작성할 수 있도록 도와주는 유용한 연산자입니다. 페이징 처리와 같은 단순한 조건문에서 Ternary 연산자를 적절하게 활용하면 코드를 더 간결하고 가독성있게 작성할 수 있습니다.

#javascript #ternary