728x90 300x250 SMALL 분류 전체보기1116 리액트에서 키(key) 키(key)리액트에서 key는 리스트 항목을 고유하게 식별하는데 사용되는 속성이다. key는 주로 리스트의 항목이 동적으로 추가되거나 삭제될 때, React가 어떤 항목이 변경되었는지 추적하고, 리렌더링을 최적화할 수 있게 도와준다. 키가 중요한 이유리렌더링 최적화 : 리스트 항목의 순서가 변경되거나, 항목이 추가/삭제될 때, React는 key를 사용해 각 항목의 고유성을 식별하고, 불필요한 렌더링을 방한다.고유 식별 : key 값이 고유해야 하며, 동일한 리스트에서 중복되지 않아야 한다. 중복되면 React가 어떤 항목을 업데이트해야 하는지 알기 어려워 성능 문제가 밸상할 수 있다. key의 사용 방법리스트의 각 항목에 key속성을 추가해야 한다.const items = ["Apple", "Bana.. 2025. 1. 13. 리액트에서 리스트(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. 이전 1 ··· 5 6 7 8 9 10 11 ··· 279 다음 728x90 반응형 LIST