플젝이 마무리 되고,, 어려웠거나 헷갈렸던 개념들
또 플젝에서 요리조리 사용했던 개념들 정리해서 남겨두기 '-' 💗💗
기본개념 :
A || B
이 경우, A가 truthy면 그대로 A를 반환하고, Falsy 인 경우 B를 반환하는 개념
주로 값이 없을 경우의, Default 값을 설정할 때 자주 사용된다
||
는 "왼쪽 값이 있으면 그걸 쓰고, 없으면 오른쪽 값 써!" 라는 쉬운 한줄 정리
📘 truthy 와 falsy란?
자바스크립트에서는 어떤 값이 조건문 등에서 참처럼 평가되면 truthy, 거짓처럼 평가되면 falsy
활용 :
드롭다운에서, 이렇게 사용했었다.
const selected = '';
<span>{selected || '수강중인 과정을 선택해 주세요.'}</span>셀렉트가 falsy한 값이니까, '수강중인' 이 부분이 출력될 것.
const selected = '웹 개발 부트캠프';
<span>{selected || '수강중인 과정을 선택해 주세요.'}</span>셀럭트가 truthy한 값이니까, selected가 그대로 출력될 것이다.
→ 결과: "웹 개발 부트캠프"
'Studying > React' 카테고리의 다른 글
| 리액트 공부하기 : 비밀번호 창 🙈👀 비밀번호 보이게, 안보이게 설정하기! (0) | 2025.07.20 |
|---|---|
| 헷갈리는 삼항 연산자 (중첩 될 때) (3) | 2025.07.08 |
| 리액트 공부하기 - 스타일 캡슐화 (부모 컴포넌트 영향 안받고 자식 컴포넌트 디자인..) (0) | 2025.07.05 |
| 리액트 공부하기 - hook-form 훅폼 사용시 disabled 지정해야할까? 고민 (1) | 2025.07.02 |
| 리액트 공부하기 - 상태 useState에서, setter 를 Props로 내려주기, 타입 지정하기 (부모 컴포넌트에서, 자식 컴포넌트로 상태를 props로 전달할 경우) (1) | 2025.07.01 |