createElement(2)
-
JSX 란?
JSXJavaScript + XML/HTML 이 결합된 구조이다. JSX 코드 예시const element = Hello, world!; JSX의 역할내부적으로 XML/HTML 코드를 JavaScript로 변환한다. → JSX코드로 작성해도 결과적으로는 JavaScript 코드가 나오게 된다.JSX → JavaScript로 변환하는 함수가 바로 React.createElement 함수이다!React.createElement( type, [props], [...children]) JSX를 사용한 코드class Hello extends React.Component { render() { return Hello {this.props.toWhat}; }}ReactDOM.render..
2024.04.28 -
createElement, appendChild
input 태그에 textContent를 입력하고 엔터키를 누르면 태그 하위에 를 append 하는 기능을 만든다. 할 일 createElement: document에서 엘리먼트를 생성하는 메소드 appendChild: 해당 태그 하위에 엘리먼트를 삽입해주는 메소드 cf) 지금은 스트립트를 내부에서 사용하고 있지만 외부 스크립트를 사용할 때는 defer 속성을 사용한다. defer 속성은 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행됨을 명시한다. 참조된 외부 스크립트 파일을 다음과 같이 여러 가지 방법으로 실행시킬 수 있다. - async 속성이 명시된 경우 : 브라우저가 페이지를 파싱되는 동안에도 스크립트가 실행됨. - async 속성은 명시되어 있지 않고 defer 속성만 명시된 경우 : 브..
2023.05.22