728x90 300x250 SMALL 코딩2 React의 제어 컴포넌트란? React의 제어 컴포넌트란?입력필드의 값을 React의 상태(state)로 완전히 제어하는 컴포넌트를 말한다. 입력값은 DOM이 아니라 React 상태를 통해 관리되며, 상태가 value 속성으로 입력 필드에 전달된다. 동작 원리React에서 의 value는 React 상태에 의해 결정된다.React는 매 렌더링마다 value 속성을 DOM에 전달하여 DOM의 값을 덮어쓴다.사용자가 입력을 변경하더라도 React는 상태를 업데이트하지 않으면, 렌더링 후 값은 여전히 상태에 정의된 값으로 유지된다.function App() { const [text, setText] = React.useState("안녕하세요"); return ;} 이 경우, value 속성은 항상 text 상태의 값("안녕하세요")으.. 2025. 1. 31. [css] 화면 중앙에 배치시키기 :: 세로 중앙정렬 [css] 화면 중앙에 배치시키기 :: 세로 중앙 정렬 내가 지금 보고 있는 화면의 정중앙에 배치시키는 css flex를 이용하면 매우 간단하게 가능합니다. 1. Flex를 이용한 화면 중앙 정렬 See the Pen Untitled by kim oya (@ttuttu) on CodePen. 2. Grid 사용 화면 중앙 정렬 Grid를 사용해서도 가능합니다. #wrap { display: grid; place-items: center; min-height: 100vh; } flex의 align-items와 justify-items 속성을 Grid의 place-items을 이용하면 한 번에 적용시킬 수 있습니다. See the Pen Untitled by kim oya (@ttuttu) on CodePe.. 2021. 4. 27. 이전 1 다음 728x90 반응형 LIST