앰퍼샌드 (Ampersand)

• 앰퍼샌드는 & 기호를 말한다.
• 리액트에서는 &&(앰퍼샌드2개)를 논리 AND연산자로 사용해서 조건부 렌더링을 한다.

앰퍼샌드의 종류

• & (단일 앰퍼샌드) - 비트 AND연산자
• && (더블 앰퍼샌드) - 논리 AND 연산자
• &&= (논리 AND 할당 - 논리 할당 연산자

기본 구조

{조건 && <JSX>}

• 조건이 true면 → JSX를 렌더링
• 조건이 false면 → 렌더링을 안함

예시

function Header({ isLoggedIn }) {
    return (
        <header>
            <h1>내 사이트</h1>
            {isLoggedIn && <button>로그아웃</button>}
        </header>
    );
}