코딩 새 출발

  • 홈
  • 태그
  • 방명록

Switch 1

React 의 조건부 랜더링 ( if ~else )

React의 조건부 랜더링 ( if ~else )을 설명하기 앞서 먼저 알아두어야 할 몇 가지가 있다 JSX 에는 문이 못들어가고 값만 들어갈 수 있음 JSX에는 if ~ else 가 없다 함수를 만들어서 사용하면 if ~ else를 사용할 수 있다 👍그럼 이제 React 에서 if ~else를 사용하는 법 을 알아보자 리액트 조건부 랜더링 으로 검색하면 자주 보이는 삼항 연산자 App.js 에서 랜덤 값을 주고 삼항 연사자 코드를 사용한 컴포넌트를 불러주면 화면에 짜잔!!!✌ 화면에 잘 나오고 정상적인 코드이지만 지금의 경우에는 정말 간단한 예제이지만 복잡한 코드라고 가정하면 삼항 연산자는 가독성이 떨어진다 ⭐⭐그래서 차라리 함수를 하나 만들어서 if ~else를 사용하는 방법을 사용해 보려 한다 이렇..

React 2022.06.14
이전
1
다음
프로필사진

코딩 새 출발

예체능 전공생의 개발자로 성장하기 프로젝트

  • 분류 전체보기 (119)
    • Group_Study (4)
    • 개발자 성장 일지 (45)
    • JAVA (18)
    • 예제를 만들자 뚱땅뚱땅 (11)
    • JavaScript (10)
    • Seurity (2)
    • DB (1)
    • 에러 (3)
    • React (2)
    • 기술면접 준비해 보자 (3)
    • 고민해 보기 (2)
    • Spring Boot API (5)
    • Spring Batch (13)

Tag

db, 배열, API, JPA, Javascript, 상속, job, java, 어노테이션, Spring Batch, override, 자바, Group Study, crud, Interpace, 코린이, Spring Boot, 객체지향, 추상메소드, STEP,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 11  
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.