ReactDOM.render(<App />, document.querySelector('#app'));
저기서 , 랑 document 사이에 오류가 났음...
document is not defined 라는데 이거 머냐 .. ㅠ
import * as React from 'react';
import ReactDOM from 'react-dom';
import Button from '@mui/material/Button';
function App() {
return <Button variant="contained">Hello World</Button>;
}
ReactDOM.render(<App />, document.querySelector('#app'));
요게 코드 전체임
소스 전체를 올려봐
ㅇㅋ 수정함
이거만 봐선 모르겠는데. 환경이 어떻게됨? 뭘로 실행함?
vscode로 실행했음 원래 쌩코딩하다가 라이브러리 쓸라니까 이러네.. 지금까지 문제는 없었음 ㅠ
아니 실행을 어떻게함? 터미널에 뭐라고 쳤냐고
npm install @mui/material 이걸로쳤스므미다
혹시 cra도 아니고 바벨도 안쓰고 Node app으로 실행한건 아니지???
아니 라이부러리 안스톨말고 실행 실행
Package.json 까봐
그냥 npm install 하고 Quick start example 있길래 친 건데.. 혹시 뭘 더 해야되니??
{ "name": "chik-client", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@material-ui/core": "^4.12.3", "@material-ui/icons": "^4.11.2", "@material-ui/lab": "^4.0.0-alpha.60", "autosuggest-highlight": "^
이거 깃허브 브랜치 중 하나고 마스터 브랜치엔 아마 이미 material ui가 깔려있을 거야..
이건 그냥 자바스크립트 가 아니라 리액트 Jsx야. 바벨로 컴파일을 안하면 실행안돼. 보니까 니가 직접 번들링을 할수는 없어보이고 Create react app이란걸 쓰는걸 추천해. 무료 리랙트 강의라도 한번 들어봐
아........ 리액트 문법은 배웠는데 일반 자바스크립트 파일 처럼 cdn 쓴다고 쓸 수 있는게 아니란 거네?
근데 스크립트는 왜 또 next야....
지금 전체적인 상황이 뭐냐면 react - next.js 라이브러리로 개발 중임
다른 페이지 하나 쌩 HTML CSS 로 UI만들어놨는데 굳이 이렇게 안 해도 되겠다 싶어서 material-ui로 레이아웃 잡기로 합의함
그래서 지금 npm install ~ 하고 quick start 예제 썼더니 오류가 나서 질문 올린 거임
그럼 그 페이지는 jsx를 쓰면 안되지. 컴파일이 필요없는 Js로 짜야지
무슨 말인지 모르겠다 ㅇㅇ