oimbook

Welcome!

  • 분류 전체보기 (102)
    • 좋은 코드 (Good Code) (14)
      • 좋은 이름 (Good Name) (10)
      • 좋은 설계 (Good Design) (3)
    • 코틀린 (Kotlin) (1)
      • 코틀린 기본 (Kotlin Basics) (1)
      • 코틀린 이펙트 (Kotlin Effect) (0)
    • 빅데이터 플랫폼 (Bigdata Platforms.. (9)
      • 아파치 하둡 (Apache Hadoop) (4)
      • 아파치 카프카 (Apache Kafka) (2)
      • 아파치 주키퍼 (Apache Zookeeper) (2)
      • 아파치 하이브 (Apache Hive) (1)
    • 데이터베이스 (4)
      • MYSQL (2)
      • MONGODB (1)
      • 데이터 지식 (1)
    • 쿠버네티스 (Kubernetes) (9)
    • 리액트 (React) (15)
      • 리액트 레시피 (React Recipt) (9)
      • 리액트 기술 (React Tech) (2)
      • 리액트 일지 (React Journal) (4)
    • 스프링 (Spring) (16)
      • 스프링 팁 (Spring Tip) (6)
      • 스프링 데이터 (Spring Data) (6)
      • 스프링 보안 (Spring Security) (4)
    • 기계 학습 (Machine Learning) (8)
      • 수학 (Mathematics) (8)
      • 신경망 (Neural Network) (0)
    • 네트워크 (5)
      • Authezat 프로젝트 (2)
      • 네트워크 지식 (3)
    • 볼트 (Vault) (4)
    • 자료구조 & 알고리즘 (1)
      • LEVEL 3 (1)
    • 시스템 (6)
      • 설치법 (4)
      • 문제 해결 (2)
    • 유용한 끄적임 (8)
    • 기타 (Others) (2)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

oimbook

컨텐츠 검색

태그

State 좋은코드 주키퍼 Safety spring persistence Debian test 좋은 설계 Vault 좋은이름 kotlin Security Learn JPA Probability 설치 쿠버네티스 react 하둡

최근글

댓글

공지사항

아카이브

conditional-rendering(1)

  • 3. 조건부 렌더링 사용하기

    Conditional Rendering 조건부 렌더링이란 쉽게 말해 조건에 따라 UI에 표현하는 것입니다.조건문을 만들 때는 아래 3가지 연산자가 주로 쓰입니다.&&? :if if는 너무 쉬우니 생략하고, 두 연산자에 대해 자세히 알아보겠습니다.     && 논리적 AND 연산자인 &&는 앞의 조건식이 true일 때만 표현합니다. 메시지를 확인했으면 체크 표시를 하고, 읽지 않았다면 아무 표시도 하지 않아봅니다.export default function ChatMessage({ message, checked = false,}: { message: string; checked?: boolean;}) { return ( {checked && } ..

    2024.06.09
이전
1
다음

티스토리툴바