CSS Input 요소에 width: 100% 속성이 부모 영역을 벗어나는 문제에 대해 알아봅시다. 문제(현상) 웹 개발에서 CSS는 디자인과 레이아웃을 다루는 중요한 요소입니다. 그 중에서도 CSS Input은 웹 양식과 상호작용하는 데 사용되는 중요한 요소입니다. 그러나 때로는 width: 100%와 같은 속성을 사용할 때 Input 요소가 부모 영역을 벗어나는 문제가 발생할 수 있습니다. css input { width: 100% } CSS Input의 이해 CSS Input은 웹 양식에서 사용자로부터 정보를 입력받는 데 사용되는 요소입니다. 예를 들어, 텍스트 입력, 체크박스, 라디오 버튼 등이 여기에 속합니다. CSS의 Box Model CSS의 Box Model은 웹 요소가 렌더링될 때 요소의..

[공지사항] 푸샤 깃허브 블로그 업데이트 사항 checked & defaultChecked 기본 엘리먼트에서는 checked 속성으로 사용하지만 react 에서는 defaultChecked값이 추가되었습니다. 이 두 가지 속성은 역할은 같지만 작은 차이가 있습니다. // radio // checkbox checked checked값을 사용하면 onChange값과 함께 사용하여 컨트롤할 수 있습니다. 만약 onChange 값이 없으면 해당 컴포넌트는 readOnly로 바뀌어 체크를 변경할 수 없습니다. this.setState({ foo: !this.state.foo })} checked={this.state.foo}/> checked: {this.state.foo ? 'true' : 'false'} de..