강사님<pre class="hljs"><code class="language-javascript">className={`nav ${show &amp;&amp; "nav__black"}`}</code></pre>대신<pre class="hljs"><code class="language-javascript">className={show ? "nav__black" : "nav"}</code></pre>하면 동작하지 않은데 왜 그런건가요?이론상으론 의미가 비슷하지 않나요?&nbsp;

우선 하나의 class에는 여러개의 선택자를 넣을수가 있습니다여기서 선택자란 nav와 nav__black입니다위의 코드에선 nav은 이미 지정한 .nav에 의해 스타일링이 되고 만약 show가 true이면 nav__black선택자를 만들어져서 추가로 스타일링이 됩니다&nbsp;아래의 코드는 show가 true이면 nav__black false이면 nav 이렇게 됩니다

인프런 커뮤니티 질문&답변

nav className={`nav ${show && "nav__black"}`} 선언하는 부분에