DDOstory

  • 홈
  • 태그
  • 방명록

falsy 1

[React] 로그인 여부를 나타내는 툴바 제작 (Conditional Rendering)

Toolbar 컴포넌트는 사용자의 로그인 여부를 나타내는 isLoggedin이라는 값을 props로 받아서 조건부 렌더링을 사용하여 환영 메시지를 표시하거나 감추고 로그인 로그아웃 버튼을 보여주는 역할을 함엔드 연산자와 삼향 연산자를 사용하여 각각 inline-if와 inline-if-else 조건부 렌더링을 구현랜딩페이지 컴포넌트는 useStateHook을 사용하여 사용자의 로그인 여부를 자체적으로 관리툴바 컴포넌트에 값을 전달하여 로그인 여부에 따라 툴바에 적절한 사용자 인터페이스가 표시되도록 함💎 Conditional Rendering리액트로 개발할 때 자주 사용하게 되는 기능조건에 따른 렌더링 (= 조건부 렌더링)어떠한 조건에 따라서 렌더링이 달라지는 것을 의미조건문의 결과는 true 또는 fa..

Front/React.js 2024.08.14
이전
1
다음
더보기
프로필사진

DDOstory

https://github.com/dohee12

  • 분류 전체보기
    • coding base
      • 자료구조
      • GitHub
      • 시스템 분석 및 설계
      • DataBase
      • 컴퓨터구조
    • Coding language
      • Python
      • C
      • C#
    • Front
      • HTML
      • CSS
      • JavaScript
      • React.js
      • next.js
      • Figma
      • android
    • Back
      • JSP
      • LINUX
      • Java
      • string
      • MySql
    • 빅데이터 & 알고리즘
      • NumPy
    • it기기
    • 강아지
    • 기타

Tag

DB, DBMS, 인스턴스, 프론트엔드, 자바스크립트, 웹 개발, 컴포넌트, state, 데이터베이스, js, 속성, 객체, 배열, javascript, 리액트, Java, HTML, React Hooks, css, React,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바