본문 바로가기

컴퓨터공부/jsx3

const myElement = React.createElement('h1', {}, 'I do not use JSX!'); const myElement = React.createElement('h1', {}, 'I do not use JSX!'); 기본 jsx 문법 파헤쳐보기 'h1': 이것은 우리가 만들고자 하는 요소의 유형을 지정하는 문자열 리터럴입니다 - h1 태그. {}: React.createElement의 두 번째 인수로 전달하는 빈 개체입니다. 'JSX를 사용하지 않습니다!': h1 요소의 내용을 나타내는 문자열 리터럴입니다. 여기서 조금더 상세히 알기위해서 const myElement = React.createElement('h1', {}, 'I do not use JSX!'); 여기서 위치에서 (첫번째자리, 두번째자리,세번째자리)에서 첫번째 자리는 무엇이 올수있고, 두번째 자리는 무엇이 올수있고, 세번째 자리.. 2023. 5. 13.

Module not found: Error: You attempted to import .. Module not found: Error: You attempted to import .. 오류에서 import 할 폴더를 , 디렉토릴 src 안으로 옴기면 된다. 또 다른 오류가 났다. Uncaught runtime errors: × ERROR react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function at ./src/index.js (http://localhost:3000/static/js/bundle.js:354:47) at options.factory (http://localhost:.. 2023. 5. 12.

jsx 란 무엇인가? jsx 란 무엇인가? const App = () => { return ( Hello, World! This is a simple JSX example. ); }; 간단히 말해서 JSX는 JavaScript 코드 내에서 HTML과 유사한 코드를 작성할 수 있게 해주는 JavaScript용 구문 확장입니다. 원래 React 프레임워크와 함께 사용하기 위해 Facebook에서 만들었습니다. 위의 예에서는 화살표 함수 구문을 사용하여 App이라는 기능 구성 요소를 정의합니다. return 문 안에 및 요소가 중첩된 요소를 반환하는 JSX 표현식이 있습니다. 이것은 HTML 코드를 작성하는 방법과 비슷하지만 속성 값과 닫는 태그에 큰따옴표를 사용하는 대신 중괄호를 사용하여 내용이 없는 요소에 JavaScript .. 2023. 5. 11.

이전 1 다음

티스토리툴바