× Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem. ▶ 2 stack frames were collapsed. usePromise C:/Users/98_07/Desktop/노드리액트/src/usePromise.ts:10 7 | }); 8 | const isMounted = useRef(false); 9 | useEffect(() => {> 10 | isMounted.current = true; | ^ 11 | if (!promiseOrFn) { 12 | setState({ 13 | loading: false,View compiled ▶ 2 stack frames were collapsed. Module../src/index.js C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/src/index.js:20 17 | 18 | ReactDOM.render( 19 | <Provider> 20 | store={createStoreWithMiddleware( 21 | Reducer, 22 | window.__REDUX_DEVTOOLS_EXTENSION__ && // google redux 확장 사용 위함 23 | window.__REDUX_DEVTOOLS_EXTENSION__()View compiled __webpack_require__ C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function> 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true;View compiled fn C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | }> 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return {View compiled 1 http://localhost:3000/static/js/main.chunk.js:701:18 __webpack_require__ C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function> 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true;View compiled checkDeferredModules C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/webpack/bootstrap:45 42 | }View compiled Array.webpackJsonpCallback [as push] C:/Users/98_07/Desktop/노드리액트/boiler-plate/client/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready> 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result;View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:65 This screen is visible only in development. It will not appear if the app crashes in production. 위에가 화면이 뜨는 에러 사항이고 특별히 react나 react dom의 중복 없는 것 같고 코드도 몇번이고 확인해 보았으나 오류 원인을 찾기가 힘이 듭니다. 연관 있을 법한 파일들을 올려 봅니다.... client > pacakge.json {   "name": "client",   "version": "0.1.0",   "private": true,   "dependencies": {     "@testing-library/jest-dom": "^4.2.4",     "@testing-library/react": "^9.5.0",     "@testing-library/user-event": "^7.2.1",     "axios": "^0.20.0",     "http-proxy-middleware": "^1.0.5",     "react": "^16.13.1",     "react-dom": "^16.13.1",     "react-native": "^0.63.3",     "react-redux": "^7.2.1",     "react-scripts": "3.4.3",     "redux": "^4.0.5",     "redux-promise": "^0.6.0",     "redux-thunk": "^2.3.0"   },   "scripts": {     "start": "react-scripts start",     "build": "react-scripts build",     "test": "react-scripts test",     "eject": "react-scripts eject"   },   "eslintConfig": {     "extends": "react-app"   },   "browserslist": {     "production": [       ">0.2%",       "not dead",       "not op_mini all"     ],     "development": [       "last 1 chrome version",       "last 1 firefox version",       "last 1 safari version"     ]   } } server > package.json {   "name": "boiler-plate",   "version": "1.0.0",   "description": "",   "main": "index.js",   "scripts": {     "start": "node server/index.js",     "backend": "nodemon server/index.js",     "test": "echo \"Error: no test specified\" && exit 1",     "dev": "concurrently \"npm run backend\" \"npm run start --prefix client\""   },   "author": "ooo",   "license": "ISC",   "dependencies": {     "antd": "^4.6.6",     "bcrypt": "^5.0.0",     "body-parser": "^1.19.0",     "concurrently": "^5.3.0",     "cookie-parser": "^1.4.5",     "express": "^4.17.1",     "jsonwebtoken": "^8.5.1",     "mongoose": "^5.10.7",     "react-promise": "^3.0.2",     "react-router-dom": "^5.2.0"   },   "devDependencies": {     "nodemon": "^2.0.4"   } } LoginPage.js import React, { useState } from 'react'; import Axios from 'axios'; import { useDispatch } from 'react-redux'; import { loginUser } from '../../../_action/user_action'; function LoginPage() {   const dispatch = useDispatch();   const [Email, setEmail] = useState(''); // useState 안에 들어가는 내용은 초기 상태   const [Password, setPassword] = useState(''); // Password(state) -> 유저가 입력한 내용이 들어감   const onEmailHandler = (event) => {     setEmail(event.currentTarget.value);   }; // 타이핑을 즉시 반영하기 위함   const onPasswordHandler = (event) => {     setPassword(event.currentTarget.value);   };   const onSubmitHandler = (event) => {     event.preventDefault(); //아무 것도 ( 이메일이나 비밀번호 입력)하지 않아도 버튼을 누르면 페이지가 리프레쉬됨     let body = {       email: Email,       password: Password,     };     dispatch(loginUser(body)); //redux 사용, LoginUser == action     /* 해당 내용은 LoginUser action에서 처리     Axios.post('api/users/login', body)     .then(response =>{ })*/   };   return (     <div       style={{         display: 'flex',         justifyContent: 'center',         alignItems: 'center',         width: '100%',         height: '100vh',       }}     >       <form         style={{ display: 'flex', flexDirection: 'column' }}         onSubmit={onSubmitHandler}       >         <label>Email</label>         <input type='email' value={Email} onChange={onEmailHandler} />         <label>Password</label>         <input type='password' value={Password} onChange={onPasswordHandler} />         <br />         <button>Login</button>       </form>     </div>   ); } export default LoginPage;

@ModelAttribute("owner") 사용한 메서드부분에서 this는 어떤 값을 의미하나요??

안녕하세요. 건축 전공하는 대학원생인데 인공지능 기술과의 접점을 찾아서 무언가를 시도해보려고 공부하고 있습니다. 선생님 강의 파이썬 머신러닝 완벽가이드와 대학원 data science수업을 병행해서 공부중인데 아무래도 선생님께서 핵심적인 부분과 실용적인 예제를 많이 보여주셔서 배우는데에 큰 도움이 됩니다. 특히나 비전공자들도 알아들으실 수 있게 쉽게 설명해주셔서 모든 강의를 수강하고 있는데요. 혹시나 GAN 관련한 강의를 하실 계획이 있으시거나, 향후 어떤 강의 계획이 있으신지 궁금합니다. 정말 잘 배우고 있습니다. 감사합니다.

안녕하세요 선생님. 교재 내용 중, 궁금한 부분이 있어서 질문드립니다.. 선형 모델을 사용할 때, 보통 독립변수(feature)에 대하여 Standardscaler와 log transform 둘 중 하나만 사용하는 게 올바른 방법인가요? 아니면 두 가지를 모두 사용해도 되는 건가요? (즉, 로그 변환 후에 Standardscaler를 적용) 선생님께서 집필하신 교재의 내용을 보면, 아래와 같이 3가지 방법 중 하나만을 사용하라는 식으로 적혀있긴 합니다만... 어느 방법이 올바른 방법인지 궁금합니다.

table( infinite scroll ) 구성된  admin 페이지와 이벤트( Create, Read, Udate, Delete ) 만드는 부분을 강좌에 추가해 주실수 있을까요? 제가 가장 궁금한 부분이라서.. ㅠ.ㅠ 부탁드립니다... 강의 잘 듣고 있습니다. 

while문에서 아래 코드의 역할이 무엇인지 궁금합니다. if len(차집합) == 0:     방문 += stack     break 아래처럼 작성하면 값이 틀리거나 효율성이 떨어지나요? while stack:     cur = stack.pop()     if cur not in visited:         visited.append(cur)         unvisited = graph[cur] - set(visited)         if unvisited:             stack.append(min(unvisited))

삭제된 글입니다

안녕하세요 :) 정말 알기 쉽게 설명해주셔서 감사합니다! Nodeport Service와 LoadBalancer Service에 대해 질문이 한가지 있습니다. Nodeport Service, LoadBalancer Service 둘 다 어쨌든 Master Node로 전달되어 로드밸런싱이 되는 것 같은데요. LoadBalancer Service는 LoadBalancer단에서 Node들에게 로드 밸런싱을 하고, Master Node단에서 Pod들에게 로드밸런싱을 한 번 더 한다고 보면 될까요?

next-redux-wrapper에서 createWrapper의 역활이 뭔가요? const wrapper = createWrapper(configureStore, { debug: process.env.NODE_ENV === "development", }); 이렇게 사용하는데 어떤 역활을 하는지 잘 모르겠습니다

이런 현상이 발생하고 있습니다 

안녕하세요 코코님,  네.  하단 에러에 Found 0 files ...라고 나오네요. 그런데 구글 드라이브에서 다운로드 받은 파일이, 사실 해당 폴더 내에 들어 있습니다. 그런데 런타임 에러가 나와서 고민입니다.  혹시 이미지 파일에 문제가 있는지 싶어, 폴더와 파일을 지우고 새로 만들었지만 그래도 인식을 하지 못하네요. 

(사진)

jdk 1.8 버전 환경에서 진행중입니다. 강의 목차중 빌드하고 실행하기 강의를 따라하던 중 D:\javastudy\hello-spring\hello-spring>gradlew build > Task :compileJava FAILED FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':compileJava'. > Could not find tools.jar. Please check that C:\Program Files\Java\jre1.8.0_251 contains a valid JDK installation. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 3s 1 actionable task: 1 executed 이렇게 build failed  메시지가 나오는데  제가 jdk 11 버전을 사용하지 않아서 나오는 문제인가 싶어 질문 드립니다.

api 통신 첫번째 강의에서 clone은 해왔는데 npm install      npm i   두가지 다 해봤는데 에러가 납니다.  zip 를 다운로드 하고 npm install 을 해도 똑같습니다. 원래 있던 lecture-vue-trello 폴더 밖에다 따로 폴더 만들어 하고 있습니다. 이렇게 인스통 하면 진행 할때 문제되거나 하는일은 없나요? 아님 다르게 인스톨을 해야 하나요? npm run dev 를 쳐도  pleas install sqlite3 parckage manually 라고 뜹니다  waiting 이라 고 뜨면저 진행은 한되고 있습니다. 

삭제된 글입니다

어떤 프로그램으로 만드는지..

reject(error); 실패했을 때 .catch(error => {                     console.log(error);                }); 이런식으로 하면 오류가 발생하는데ㅠ resolve와 reject 둘 다 코드를 작성했을 때  callAjax 과 fetchData 의 코딩이  어떻게 들어가는지 궁금합니다....!

자료형에서 원시 자료형에 관한 설명만 있고, 객체 자료형에 대한 설명이 빠져있는데 ,  따로 어디에 올려두신건가요 ?

getServerSideProps에서 서버사이드 렌더링시 프론트 서버가 백엔드 서버로 정보를 요청하는게 맞는거죠? 서버만 말씀하셔서 햇갈리는데 프론트서버(next)가 서버사이드 랜더링시 백엔드 서버로 요청을 보내 정보를 가져오는게 맞는거죠? 즉 브라우저 가 없고 프론트 서버환경일때  context.req 정보가 있는거구요?

전체 - (중복된 값을 제외한 전체 ) = 중복된 데이터를 추출 맞나요? ㅎㅎ