목록ㅋ (2)
코드네임 :
흠 근데 한번 더 들어야할듯 ㅜㅜㅜ 일단!!! 스코핑이 무엇이느냐스타일을 해당 컴포넌트 내부에서만 작동하게 만드는 기법 이를 통해, 컴포넌트끼리 스타일이 서로 간섭하지 않게 만드는 것 목표에 있길래,,, if 문 (컴포넌트 내부에서)if (isLoggedIn) { return 환영합니다!;} else { return 로그인 해주세요.;} 삼항연산자 (주로 JSX안에서){isLoggedIn ? "환영합니다!" : "로그인 해주세요."} 3) 논리 AND 연산자 (&&) – 조건이 true일 때만 렌더링{isLoggedIn && 환영합니다!} 조건부적으로 스타일 적용하기 태그 내부 스타일링 이런식으로 const emailNotValid = submitted && !enteredEmail.includes..
리스트 렌더링이란?const arr = [1, 2, 3];const arrChange = arr.map((arr) => arr + 1);console.log(arr, arrChange);>> 2, 3, 4 : 배열에 들어있는 데이터 반복하면서 돌면서 화면에 그리는것 (반복문을 사용한 배열 처리 과정)- .map()으로 배열 순회하며 ,, key란?: React가 어떤 항목을 변경, 추가, 또는 제거할지 식별하기 위해 사용하는 고유 식별자리스트를 렌더링할 때 각 항목을 구분해서 화면을 효율적으로 업데이트(렌더링) 하기 위해,,(key가 없다면 react 입장에서는 어떤게 새롭게 추가된 요소고 어떤게 기존에 존재하던 요소인지 효율적으로 알 수가 없)((약간 이름을 붙여준다 싶은 느낌이군)- 형제 요소 간의..