728x90 300x250 SMALL 2025/0132 리액트에서 리스트(List)란? 리스트(List)란?리스트는 여러 개의 항목을 배열 형태로 관리하고, 이를 동적으로 렌더링할 때 사용된다.배열은 자바스크립트의 변수나 객체를 하나의 변수로 묶어놓은 것을 말한다.React에서는 map() 함수를 사용하여 배열의 각 항목을 JSX 요소로 변환하여 렌더링한다.import React from "react";function ItemList() { const items = ["Apple", "Banana", "Orange"]; // 배열 return ( Fruit List {items.map((item, index) => ( {item} // 배열의 항목을 요소로 렌더링 ))} );}export defau.. 2025. 1. 12. 자바스크립트의 Truthy와 Falsy 1. Truthy와 Falsy란 무엇인가?JavaScript에서는 값이 Boolean값(true 또는 false)이 아닌 경우에도 조건문 등에서 참(true)이나 거짓(false)으로 평가될 수 있다.이러한 평가 방식에서 참으로 간주되는 값을 Truthy, 거짓으로 간주되는 값을 Falsy라고 부른다. 2. Truthy와 Falsy의 예Falsy값다음 값들은 JavaScript에서 항상 false로 평가된다.false0(숫자0)0(음수 0)""(빈 문자열)nullundefinedNaN(숫자가 아님) 예제if (false) { console.log("Falsy"); } // 조건문 실행 안됨if (0) { console.log("Falsy"); } // 조건문 실행 안됨if ("") { co.. 2025. 1. 11. 로그인 여부를 나타내는 툴바 만들기 - 비공개 보호되어 있는 글 입니다. 2025. 1. 10. React에서 key 속성이란? React에서 key속성이란?React는 컴포넌트를 구별하기 위해 key를 사용한다.key가 바뀌면 기존 컴포넌트를 삭제하고 새 컴포넌트를 생성한다.key를 사용한 렌더링 제어 예시key를 조건적으로 변경해 렌더링을 강제로 초기화하거나, 막는 방식이다.const App = () => { const [isVisible, setIsVisible] = React.useState(true); return ( setIsVisible(!isVisible)}> Toggle Component );};const ChildComponent = () => { console.log("렌더링 발생!"); return Child Component;}; 동작방식1.. 2025. 1. 9. 이전 1 ··· 3 4 5 6 7 8 다음 728x90 반응형 LIST