React (리액트)

📝 배열에 항목 추가 💬 users 도 useState 를 사용하여 컴포넌트의 상태로서 관리 💬 불변성을 지키면서 배열에 새 항목을 추가하는 방법

📝 배열 렌더링 💬 컴포넌트로 렌더링

📝 조건부 렌더링 💬 특정 조건에 따라 다른 결과물을 렌더링하는 것 💡 삼항연산자 💬 내용이 달라지는 모습을 보여주는 상황에서 유용

📝 input 상태 관리 💡 리액트에서 사용자가 입력 할 수 있는 input 태그의 상태를 관리하는 방법 💬 이벤트에 등록하는 함수에서는 이벤트 객체 'e'를 파라미터로 받아와서 사용 💬 객체의 e.target 은 이벤트가 발생한 DOM

📝 JSX 💡 JSX (JavaScript) 💬 리액트에서 생김새를 정의할 때, 사용하는 문법 💡 JSX가 JacaScript로 변환 시, 지켜야 할 규칙 💬 태그는 꼭 닫혀있어야 한다. 💬 두 개 이상의 태그는 무조건 하나의 태그로 감싸져야 한다.

💡 State state는 말 그대로 상태를 말하는 데 함수형 컴포넌트에서 state의 값을 변경할 때 Hook을 사용하여 변경하곤 한다. state가 var, let로 선언한 변수들과 다른 점이 뭘까?