코딩 새 출발

  • 홈
  • 태그
  • 방명록

조건부 랜더링 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바