일상을 디자인하는 개발자

  • 홈
  • 태그
  • 방명록

참고서적 #리액트를 다루는 기술 1

[React] And 연산자(&&) 활용한 조건부 렌더링.

개발시 특정 조건을 만족할 때 내용을 보여주고 그러지 않을 경우 아무것도 렌더링 하지 않아야 하는 상황이 있을 수 있습니다. 이럴때 역시 연산자를 활용하여 구현가능합니다. False일 경우 null값이 렌더링 되게 하여 아무것도 보여 주지 않게 할 수 있습니다. 이것보다 더 짧은 코드로 똑같은 작업을 진행해 보겠습니다. && 연산자로 조건부 렌더링이 가능할 수 있는 이유로 리액트에서 false를 렌더링할 때는 null과 마찬가지로 아무것도 나타나지 않기 때문입니다. 한가지 주의해야 할 부분으로 "0"의 경우 엄연히 주어진 데이터 값이기 때문에 예외적으로 화면에 출력된다는 점을 참고하시면 좋을거 같습니다. 마지막으로 JSX를 작성할 때 감싸주는 '()'의 경우 필수 사항이 아니므로 취향에 따라 작성하시면 ..

지토의 개발일기/React 2021.07.15
이전
1
다음
더보기
프로필사진

일상을 디자인하는 개발자

"机不可失,失不再来"★☆★☆ 내 인생의 황금기는 지금 ★☆○

  • 분류 전체보기 (84)
    • 독서 (0)
      • 자기개발서 (0)
      • 소설 (0)
      • 고전 (0)
      • 수필 (0)
      • 일반 (0)
    • 추억여행 (2)
      • 베트남 (0)
      • 중국 (2)
      • 대만 (0)
      • 일본 (0)
      • 미얀마 (0)
      • 말레이시아 (0)
    • 지토의 개발일기 (76)
      • java (7)
      • javaScript (10)
      • html + CSS (19)
      • React (20)
      • CS지식 (0)
      • JSP+Servlet (2)
      • jQuery (4)
      • React-Native (1)
      • 인공지능 (0)
      • 프로젝트 리뷰 (0)
      • 논문리뷰 (5)
      • RAG (8)
    • 개인공간 (4)
      • 일기같지않은일기 (4)

Tag

인공지능, ai #인공지능 #데이터분석 #하이퍼파라미터 #최적화 #초매개변수 #하이퍼파라미터최적화 #hyperparameter optimization # 논문리뷰, 생성형AI, #rag #인공지능 #llm # 생성형ai, 인공지능 #연합학습 #federated learning #ai #논문리뷰, generateai, 논문리뷰 #데이터사이언티스트 #인공지능, AI, LangChain, CSS HTML #참고서적 # 모던웹을 위한 html css, llmmodel, GenerativeAI, LLM, outputparser, react-native, react, 자연어처리, jsonoutputparser, generative ai, Rag,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 개발자 이력, Github 주소

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바