inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

네비게이션 바 컴포넌트 생성하기

&& 뭐에요?

300

h c

작성한 질문수 2

0

{`nav ${show && "nav__black"}`}

이것은 어떤 의미에요. 저기에 왜 $ 표시가 있지요 && 는 무엇인가요? 

react redux typescript tdd Next.js

답변 1

1

John Ahn

안녕하세요 !! 

아 제가 설명을 많이 생략하고 지나갔네요 ㅠㅠ !!

&& 이 표시는   
{`nav ${show && "nav__black"}`} 여기에서 보면 
 show 가  true 이면   "nav_black" 을 className으로 가지는 것입니다. 

나중에 || 라는 표시도 나올 수 있습니다. 

show || "nav_black" 이런 식으로 할 수도 있는데 이건 show가 false 이면 nav_black을 가지는 것이 됩니다. 

그리고 마무리 된 일 표시하기(조건부 삼항 연산자) 좀 뒤로 가면 이 강의도 있는데 여기서는 
show ? "nav_black" : "nav_white" 이런식으로 된다면 show가 true 일 때 nav_black이고 show가 false 이면 nav_white가 됩니다. 

감사합니다!




0

h c

감사합니다~ 이제 이해가 됐어요 

강의 소스 코드 압축 풀기 오류

0

93

1

런타임 에러 ㅠㅠ

0

105

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

116

1

안녕하세요 개발과 상관없는 질문입니다만

0

124

1

리액트 라우터 관련

0

119

1

react-beatiful-dnd에서 문제가 발생합니다.

0

108

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

833

1

useEffect로 사용을 해도 되나요?

0

210

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

202

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

288

2

리액트 dockderfile 작성 시 COPY 질문

0

156

1

next.js에서부터는 react query 필요없는지

0

328

1

기능

0

204

1

오류가 안보여요

0

207

1

CSS

0

225

1

local storage

0

224

1

list컴포넌트 생성하기

0

230

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

343

1

Banner.css에 대해서

0

465

1

플러그인이 추천을 안해줍니다

0

335

1

마이너스버튼 테스트

0

285

2

리액트 서버 실행 오류

0

1170

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

307

1

creactStore질문이요

1

293

2