대왕판다
ESTP 하고재비로 살아가기
대왕판다
전체 방문자
오늘
어제
  • 분류 전체보기
    • 일상
      • 먹고재비
      • 생각대로
    • 개발
      • html css
      • 자바
      • 자바스크립트
      • 파이썬
      • 알고리즘
      • 북TIL
      • 네트워크
      • 객체지향개발

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • 자바스크립트
  • 파이썬
  • 브루트포스
  • 챌린지
  • 백준
  • 양산맛집
  • 노개북
  • html
  • 자바
  • 클론코딩
  • 양산
  • 리액트
  • css
  • 마이바티스
  • 상길북
  • 노마드코더
  • 코딩
  • 알고리즘
  • 타입스크립트
  • 맛집

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
대왕판다

ESTP 하고재비로 살아가기

개발/자바스크립트

자바스크립트 논리연산자 단축평가

2022. 3. 23. 09:29

|| 는 or 연산, &&이 and 연산인건 아는데, 

{!movies && <h4>Loading...</h4>}

리액트에서 'movie' state가 undefined일 때 왜 우항의 로딩이 렌더링 되는지 궁금해서 찾아봤더니

단축평가라는게 존재했다.

간단하게 좌항이 true일때와 false 일 때 존재하는데

1. true || something 일 때 우항을 볼 필요도 없이 좌항 값이 반환된다.

 ex)

"apple" || false; // "apple" 
"apple" || true; // "apple"

2. false || something 일 때 우항 값이 반환된다.

apple" && "banana" // "banana"

 

출처: https://curryyou.tistory.com/193 [카레유]

'개발 > 자바스크립트' 카테고리의 다른 글

[NextJS] Fast refresh가 작동하지 않을 때 (React 18)  (0) 2022.03.26
[NextJS] getSererSideProps  (0) 2022.03.24
익명함수와 즉시실행함수표현(IIFE)  (0) 2022.03.22
[NextJS] 넥스트JS 개념  (0) 2022.03.21
[네스트js] 컨트롤러, 프로바이더, 모듈 + validation  (0) 2022.03.17
    '개발/자바스크립트' 카테고리의 다른 글
    • [NextJS] Fast refresh가 작동하지 않을 때 (React 18)
    • [NextJS] getSererSideProps
    • 익명함수와 즉시실행함수표현(IIFE)
    • [NextJS] 넥스트JS 개념
    대왕판다
    대왕판다
    let's learn and roll!

    티스토리툴바