개발 공부중

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. 확인해보니 import가 잘못 되어있었다. import { Button, Card, Modal } from 'react-bootstrap' import { Form, useNavigate, useParams } from 'react-..

JSX란? 자바스크립트의 JS와 XML의 X를 합친 말로, 자바스크립트 코드 안에서 바로 태그 기반의 구문을 써서 리액트 엘리먼트를 정의할 수 있게 해주는 자바스크립트 확장이다. JSX 문법 HTML과 비슷하지만 다른 특징이 있다. 1. 반드시 부모 요소는 한개의 태그로 감싸져 있어야 한다. 컴포넌트 내부는 하나의 DOM트리 구조로 이루어져야 한다는 규칙이 있다. // 잘못된 코드 function App(){ return( test1 test2 ) } // 올바른 코드 function App(){ return( test1 test2 ) } 2. 자바스크립트 값을 포함시키려면 값 주변을 중괄호로 감싸준다. 태그 안에 좌중괄호{와 우중괄호}만 붙이면 어디서든 자바스크립트 코드 사용가능하다. 심지어는 태그에 ..