묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결웹 게임을 만들며 배우는 React
webpack build 관련 질문 드립니다.
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. const path = require('path');const RefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');module.exports = { name: 'word-relay-setting', mode: 'development', devtool: 'eval', resolve:{ extensions: ['.js','.jsx','.css'], }, entry: { app:['./client'], }, module:{ rules:[{ test:/\.jsx?/, loader: 'babel-loader', options:{ presets:['@babel/preset-env','@babel/preset-react'], plugins:[ '@babel/plugin-proposal-class-properties', 'react-refresh/babel', ], }, }], }, plugins:[ new RefreshWebpackPlugin() ], output:{ path:path.join(__dirname,'dist'), filename: "app.js" }, devServer:{ publicPath: '/dist/', hot:true, }}; 위와 같은 webpack.cofig.js 을 가지고 npm run dev 를 하면 webpack serve --env development 가 잘 동작해서 핫로딩 까지 정상 작동을 합니다. 그런데 build 결과물인 app.js 파일을 얻고자 npx webpack을 실행하면 아래와 같은 오류가 떠서 검색을 해봤는데 쉽게 찾아지지 않아서 여쭤보게 됐습니다. 어떤 문제인지 알수있을까요? internal/crypto/hash.js:58 throw new ERR_INVALID_ARG_TYPE('data', ^ TypeError [ERR_INVALID_ARG_TYPE]: The "data" argument must be one of type string, TypedArray, or DataView. Received type undefined at Hash.update (internal/crypto/hash.js:58:11) at BulkUpdateDecorator.update (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\webpack\lib\util\createHash.js:49:14) at NormalModule.updateHash (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\webpack\lib\NormalModule.js:1048:8) at Compilation.createModuleHashes (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\webpack\lib\Compilation.js:2619:12) at hooks.optimizeChunkModules.callAsync.err (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\webpack\lib\Compilation.js:1957:11) at Hook.eval [as callAsync] (eval at create (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous> :6:1) at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\tapable\lib\Hook.js:18:14) at hooks.optimizeTree.callAsync.err (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\webpack\lib\Compilation.js:1917:36) at Hook.eval [as callAsync] (eval at create (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous> :6:1) at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (C:\Users\SH\Desktop\SH\github\react_web_game\responsecheck\node_modules\tapable\lib\Hook.js:18:14)
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
getServerSideProps 관련질문
getServerSideProps에서 context.store.dispatch를하고 컴포넌트에서 useSelector로 데이터를 가져오는 것과 getServerSideProps 가져온데이터를 return { props: {}} 로 컴포넌트로 넘겨서 받는 것에 차이가 있나요???
-
미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
마우스를 따라오지 않아요 ㅠㅠ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ background: #000; } h1{ color: #fff; } .box{position: absolute; background: red; top: 100px; left: 0; width: 100px; height: 100px;} </style> </head> <body> <script> window.onload = () => { let h1 = document.getElementById("h1") let boxx = document.getElementsByClassName("box") window.addEventListener('mousemove', mouseFunc, false) function mouseFunc(e) { h1.innerHTML=`X : ${e.clientX}, Y : ${e.clientY}` boxx.style.transform =`translate(${e.clientX}px, ${e.clientY}px)` } } </script> <h1 id="h1">test</h1> <div class="box"></div> </body> </html>
-
미해결쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1
let이 재선언이 됩니다! 그리고 참고 링크가 사라진듯 해요.
let이 재선언이 됩니다! javascript가 업데이트된걸까요?? 그리고 참고 링크가 사라진듯 해요. 혹시 다른 참고하면 좋을 자료 있으면 추천 부탁 드립니다!
-
미해결WEB2 Node.js-MySQL
Cannot find module './db' 를 해결하지 못하겠어요...
(직접 따라 작성한 전제 수업들의 파일은 문제가 생길까 하여 node.js-mysql-master를 git에서 다운받아 실행중입니다.) 데이터베이스 설정까지 잘 마무리 하고 npm install에서 vulnerability 1개가 뜨면서 run npm audit fix를 하라길래 하고나서 node main.js를 했는데 Cannot find module './db' 이 자꾸 떠서 모듈 db를 설치하라는 건가 하고 npm install db도 해보고 인터넷에도 찾아봤는데 도저히 모르겠어요 알려주세요!!!
-
미해결홍정모의 따라하며 배우는 C언어
mingw-w64 설치 오류나시는 분들
https://m.blog.naver.com/kh2un/222037244807 여기 참조해서 따라하니 해결되네요! 오류뜨시면 참고하세요~
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
multi line 예제파일에서
multi_str2 = \ ''' 문자열 멀티라인 역슬래시(\) \ 테스트 ''' print(multi_str2) 출력하면 4번째 줄의 마지막 \가 무슨 역할을 하길래 문자열 멀티라인 역슬래시(\) 테스트 이렇게 출력되는건가요?
-
[리뉴얼] React로 NodeBird SNS 만들기
nginx하고 나서부터 페이지 이동시에 An unexpected error has occurred.만 뜹니다
삭제된 글입니다
-
미해결딥러닝 웹서비스 프로젝트 1 - 기본편. Object Detect 불량품 판별
app.yaml파일에 관해서
항상 좋은 강의로 감사 합니다. app.yaml파일에 관해 궁금해서 질문 드립니다. 강의 내용중에 app.yaml파일 작성할때 runtime:python37이라고 작성 했는데 여기서 python37의미가 python3.7 version을 사용 하겠다는 의미 인지요? 그게 맞다면 저 같은 경우는 python3.6.10버젼인데 python을 upgrade해서 3.7버젼으로 해야 하는지 궁금해서 질문 남깁니다.
-
미해결스프링 시큐리티
autentication vs session
안녕하세요 선생님! 많은 질문해서 죄송합니다. 갑자기 드는생각이 session의 역할과 autentication의 역할이 너무 같다생각해서 여쭤봅니다. 물론 저장소가 다르다는 것은 알고있는데 뭔가 역할이 똑같아서 굳이.. 왜 있는지 이해가가질않습니다. 둘 차이가 뭘까요? 둘이 왜 같이 있나요?
-
미해결자바스크립트 중고급: 엔진 핵심
질문 있습니다!
제가 제대로 이해하고 있는지 잘 모르겠지만 궁금한 부분이 있어 질문드립니다. function book(){ var point = 123; function get(){ log(point); }; get(); }; book(); 위의 예제에서 book함수가 호출되고 book함수 안으로 가서 제일 먼저 함수선언문인 get 함수의 function 오브젝트를 생성하는데 이때 get함수의 스코프가 설정된다고 하셨는데 하지만 이 시점에는 book함수 안의 변수들이 정의되기 전인데 어떻게 또는 어떤 정보들이 스코프에 설정 되는지가 궁금합니다.
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
npm run build 에러 문의
Build optimization failed: found page without a React Component as default export in pages/components/ImageZoom/styles 와 같은 에러가 출력됩니다. 제로초님과 동일하게 진행한것인데, 이 오류는 어떤 에러인가요???
-
미해결남박사의 파이썬 기초부터 실전 100% 활용
mac인데......
mac이라서 인코딩 방법을 못바꾸겠어요ㅠ
-
해결됨처음 시작하는 Infrastructure as Code: AWS & 테라폼
프라이빗 서브넷은 NAT 게이트웨이에 연결되어야만 하나요?
제가 알기로는 IG로 라우팅이 되지 않으면 프라이빗 서브넷으로 알고있었는데요. NAT 게이트웨이로 아웃바운드 트래픽이 나가지 않아도, 프라이빗 서브넷이라고 이해했는데, 제가 이해를 잘못하고 있는걸까요??
-
해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
list 사진 , 글에만 경로 따로넣는 질문
일단 본 강의를 기본전제로, 각각의 list를 클릭했을 때 화면이 넘어가도록 하고 싶습니다. html의 a태그에는 각각 facebook, insta~ 등 링크를 걸어줬구요. 사진이든 글이든 첫번째 list를 클릭했을때 경로 넘어가게 하는걸 못하겠어서, 일단 jQuery로 경로를 주었는데, css,html만으로 넘길수 있는 방법이 있을까요 ?
-
미해결스프링 시큐리티
밑에 있는 익명사용자 여부
안녕하세요. 저도 또한 익명사용자를 왜사용하는지 몰라서 밑에 있는 질문과 선생님의 댓글을 보았는데요. 그래도 이해가 가질않습니다. 언어의 장난처럼 느껴지는 부분이 있어요. 인증이 되었지만 로그인을 안한 사용자. 세션이 만료된 사용자. 인증을 안한 사용자. 구분이 잘안갑니다. 감사합니다.
-
해결됨[리뉴얼] 처음하는 MongoDB(몽고DB) 와 NoSQL(빅데이터) 데이터베이스 부트캠프 [입문부터 활용까지] (업데이트)
str object is not callable 에러 원인을 찾기 어렵습니다...
삭제된 글입니다
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
추천시스템 심화 내용에 대한 레퍼런스나 참조 코드 질문입니다!
안녕하세요! 여름에 강사님 강의를 열심히 듣고 머신러닝 여러 모델 구현에 도움을 받은 학생입니다! 컴퓨터비전과 Kaggle advanced 강의도 구입해놓아서 방학 때 들어볼 예정입니다 ㅎㅎ 다름이 아니라 이 강의에서 다루셨던 추천 시스템에 대해 배우고 좀 더 심화적으로 협업과 컨텐츠기반 필터링을 조합한 하이브리드 추천시스템에 대해 공부해보려고 하는데요.. 제가 몇일 간 Kaggle이나 towardscience같은 공간에서 검색해보았는데 뭔가 하이브리드 추천 시스템이 종류가 너무나도 많아서 기본적으로 어떤 조합으로 먼저 연습해봐야하는지 모르겠습니다.. 그리고 혹시 추천시스템에 대한 심화내용으로 강의를 제작할 계획은 없으시겠죠..? 하하.. 강의 내용 이외의 이야기일 수 있지만 작은 조언 부탁드리겠습니다. 감사합니다
-
미해결Javascript 로 데스크탑 앱을 - 일렉트론 기초 강좌
최신 일렉트론, nodejs 버전으로 인한 에러 해결 방법
강의내용을 차근차근히 따라가고 있지만 메뉴, 메뉴아이템, 트레이 등 index.html 을 사용하는 강의에서는 require, remote 등 에러가 많이 떠서 구글에 검색해보니 버전에 따른 security 이슈? 때문에 뭔가 조치를 취해야 한다고 하는데 아무래도 어렵습니다 이부분에 대한 피드백 부탁드립니다.
-
미해결캐글 Advanced 머신러닝 실전 박치기
그래프와 주피터노트북사용법 질문입니다.
안녕하세요. 1.사진처럼 apps_train을 apps_train1으로 변경하려고 할 때 위에 셀에 있는 변수를 변경하면 아래 셀에 있는 변수도 자동적으로 변경할 수 있는 단축키가 있나요? 비주얼 스튜디오 코드 Ctrl + Shift + L처럼 다중 선택해서 변수명 수정하는것처럼요. 혹시 주피터 노트북에서는 변수명을 변경하고 싶을 때 하나하나씩 변수명을 변경해야 하나요? 2.또 app_baseline_01에 전체 코드를 app_baseline_02에 붙여넣고 싶을 때 app_baseline_01에 C를 누르고 app_baseline_02에서 V를 누르면 아무것도 작동이 안되서요. 어떻게 해야 하나요? 3. 위에 사진처럼 꺽은선 그래프를 만들 때 값이 왼쪽으로 심하게 치우져져있습니다. 혹시 값을 오른쪽으로 옮길 수 있는 방법이 있을까요? 아래는 꺽은선형 코드입니다. corr_columns[['EXT_SOURCE_2', 'EXT_SOURCE_3']].plot(x='EXT_SOURCE_2', linestyle='-', marker='o', ax=ax, color=colors[2])
