공식문서에서 시키는 대로 다했다. 근데오류일단 화면이 안나옴아래는 콘솔창 에러Uncaught TypeError: Cannot read properties of undefined (reading '_config')The above error occurred in the component:at ChakraProvider ([http://localhost:3000/static/js/bundle.js:44907:12](http://localhost:3000/static/js/bundle.js:44907:12)) at AppConsider adding an error boundary to your tree to customize error handling behavior. Visit [https://react..

mui 에서 select 컴포넌트 하나 가져다 쓰는데 선택할 때마다 저게 나타났다 사라졌다 함 덕분에 화면이 신나게 왔다갔다 거려서 못쓰겠음 bootstrap 컴포넌트 사용시에도 비슷한 현상이 발생하는 거 같은데 해결법 나는 리액트를 사용중이라 App.css에 가서 body { padding-right: 0 !important; overflow: visible !important; } 이렇게 추가해줬더니 해결이 됐다 리액트 사용 안하시는 분들은 비슷한 방법으로 상위 요소 스타일 수정해주시면 될 거 같다 bootstrap/dist/css/bootstrap.min.css 파일을 수정하라고도 하는데 어딨는지 모르겠음 모든 컴포넌트가 다 그런건 아닌데,, 몇몇은 그런거 같다 GPT 말로는 스크롤바에 의해 컨텐츠..

리액트랑 장고 연동할려면 프론트엔드에서 봤을 때 장고는 그냥 데이터 쓰고 빼고 용으로만 쓰는 듯 암튼 그래서 url.py views.py 이런거 다 설정해주고 post 했는데 Access to XMLHttpRequest at 'http://127.0.0.1:8000/test/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. POST http://127.0.0.1:8000/tes..

- js 기초 1. var 은 재선언 가능, let, const 는 재선언이 불가능 let 은 변경가능 const 는 변경 불가능 2. Destructuring 문법 array 에서 자료를 뽑아내는 문법 (깔맞춤) ex) let [a, c] = [1, 2]; 3. warning 메세지 없애기 /* eslint-disable */ 4. 함수 만드는 문법2 () => { console.log(1) } 5. spread operator 문법 (unpacking) 🎈 ... ex) [...list_name] -> list_name을 unpackgin하여 요소들을 가지고 새로운 array를 만듬 새로운 주소를 가지는 array가 된다. 6. map 함수 🎈 [1, 2, 3].map(fuction(a, i){ re..