이번 포스트에서는 자바스크립트에서 Ternary 연산자를 사용하여 화면 회전을 처리하는 방법에 대해 알아보겠습니다.

Ternary 연산자란?

Ternary 연산자는 조건 ? 참일 경우 실행할 코드 : 거짓일 경우 실행할 코드의 형태로 사용되는 조건 연산자입니다. 이 연산자는 if-else문을 간결하게 대체할 수 있습니다.

화면 회전 처리하는 방법

1. 먼저, 브라우저의 현재 화면 회전 상태를 가져옵니다. 이 정보는 window.orientation 속성을 통해 얻을 수 있습니다. 이 속성은 0, 90, -90, 180 각도로 회전된 값을 반환합니다.
2. 화면 회전에 따라 실행할 코드를 작성합니다. 예를 들어, 화면이 세로 모드인 경우에는 console.log("세로 모드입니다.")를 실행하고, 가로 모드인 경우에는 console.log("가로 모드입니다.")를 실행하도록 코드를 작성합니다.
3. Ternary 연산자를 활용하여 현재 화면 회전 상태에 따라 실행 코드를 선택합니다.

const isPortrait = window.orientation === 0 || window.orientation === 180;
const message = isPortrait ? "세로 모드입니다." : "가로 모드입니다.";
console.log(message);

위의 예시 코드에서 window.orientation이 0 또는 180이면 isPortrait 변수는 true가 되고, Ternary 연산자를 통해 세로 모드입니다. 메시지가 출력됩니다. 그리고 그 외의 경우에는 가로 모드입니다. 메시지가 출력됩니다.

마치며

이번 포스트에서는 자바스크립트에서 Ternary 연산자를 사용하여 화면 회전을 처리하는 방법을 알아보았습니다. Ternary 연산자는 조건에 따라 간단하게 코드를 선택할 수 있는 유용한 툴입니다.