action`form 데이터를 처리할 프로그램의 URI를 지정한다.` URI는 하나의 리소스를 가리키는 문자열이다.따라서 action에 웹 문서 링크를 문자열 형태로 작성한 다음 form의 데이터를 전송하게 되면, 브라우저의 루트가 해당 웹문서로 이동하는 것을 확인할 수 있다.또는 action에 서버사이드 언어인 php, jsp로 작성한 문서를 지정하여 데이터를 처리하도록 하는 것도 가능하다. onSubmit`양식 제출 이벤트가 발생할 때의 동작을 지정한다.` form 태그 내부에서 로 인해 발생하는 이벤트를 처리할 수 있다.이벤트 발생과 action에 지정된 URL이 적용되는 그 사이의 시점에 처리할 동작을 onSubmit속성을 통해 지정할 수 있다.일반적으로 자바스크립트 함수를 지정하여 처리하는 경우..
리액트와 리랜더링React변경된 부분만 다시 그린다.React 앨리먼트는 불변객체(immutable)이다.ReactDOM.render(element, rootElement)로 전달할 뿐 변경 판단 및 반영은 리액트가 알아서 한다.React 비교 알고리즘 (Reconciliation)- 비교시 Virtual Dom 활용element 타입이 변경되면이전 element는 버리고 새로 그린다.element 타입이 같으면key를 먼저 비교하고, props를 비교해서 변경사항을 반영한다. 바닐라JS변경으로 인해 element를 다시 그린다. 더보기
멀티 Element 생성- React.Fragment or 를 가지고 여러가지 Element들을 주입 가능// 1.const elementOne = (Hi, // React.createElement("h1", null, "Hi"), Bye, // React.createElement("h3", null, "Bye"), Children, // React.createElement("h5", null, "Children"), ]}/>);// 2.const elementTwo = ( hi Bye Children); Element 찍어내기- Function -> 재사용 가능한 Element- Custom Element -> Upper case- Children 제한 -> 없음con..