💎 State 📣 App.js import State1 from './components/R02_state1.js'; import State2 from './components/R03_state2.js'; function App() { return ( Hello React!! 리액트 배운다~ ); } export default App; 📣 R02_state1.js 🩸 컴포넌트 시작이름은 항상 대문자!! 🩸 리액트는 컴포넌트의 상태가 변할 때 마다 리렌더링을 수행함 ( 예전버전에서는 전체를 리렌더링했었는데 요즘 버전부터는 개선되서 바뀌는 그부분만 리렌더링된다 ) ★★ const [ 변수, 함수(개발자가만든이름) ] = useState("초기값") == useState를 사용하는 고정구문 ★★ import ..
PROPS
💎 props 🥊 전개구문 - 전개구문을 사용하면 배열이나 문자열과 같이 반복가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 (배열 리터럴의 경우)로 확장하여,0개 이상의 키-값의 쌍으로 객체를 생성할수있다. ** 객체 형태도 가능하다 ** 📣 App.js - App.js : react로 만든 화면을 띄어주는 파일 import 변수명(아무거나) from './components/R01_props.js' == './components/R01_props.js' 여러 요소를 반환하고 싶..
💎 React State - React에서의 state란 컴포넌트 내부에서 관리되는 상태 값을 의미합니다. 컴포넌트가 생성 되고, 갱신될 때마다 변경될 수 있는 값이며, 이 값이 변경될 때마다 화면이 다시 렌더링됩니 다. state는 useState Hook을 사용하여 컴포넌트 내부에서 관리할 수 있으며, setState 함 수를 통해 값을 업데이트할 수 있습니다. - React에서의 state는 컴포넌트의 상태를 저장하고, 필요에 따라 다시 렌더링하는 데 사용됩 니다. 사용자 인터랙션에 따라 컴포넌트 내의 상태가 변경되면, React는 이를 감지하고 변경 된 상태를 바탕으로 화면을 다시 렌더링합니다. 이를 통해 동적으로 변하는 UI를 만들 수 있 습니다. 💎 React Props - Props는 Rea..
