웹팩 설정을 똑같이 한 것 같은데 require문은 사용이 가능한데 import 사용시 이와 같은 에러가 나옵니다. webpack의 babel 옵션을 검색해보았으나 import to require 옵션을 찾기 힘들어 여기에 여쭤봅니다. const path = require("path"); const RefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin"); module.exports = {   name: "tictactoe-dev",   mode: "development", // publish option -> production   devtool: "eval",   resolve: {     extensions: [".js", ".jsx"],   },   entry: {     app: ["./client"], // already webpack knows about wordchain.jsx file   }, // Input   module: {     rules: [       {         test: /\.jsx?/,         loader: "babel-loader",         options: {           // Adding all browsers can affect performance, so adding only the browsers you want is important.           // It also allows you to apply different options in detail           // plugins are setting for preset           presets: [             [               "@babel/preset-env",               {                 targets: {                   browsers: ["> 5% in KR", "last 2 chrome versions"], // browserslists                 },                 debug: true,               },             ],             "@babel/preset-react",           ],           plugins: [             "@babel/plugin-proposal-class-properties",             "react-refresh/babel",           ],         },       },     ],   },   // extension, if you need to add more options   // add debug in all module components   // plugins: [new webpack.LoaderOptionsPlugin({ debug: true })],   plugins: [new RefreshWebpackPlugin()],   output: {     path: path.join(__dirname, "dist"),     filename: "app.js",     publicPath: "/dist/",   }, // Output   devServer: {     publicPath: "/dist/",     hot: true,   }, };

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 무제한으로 버전을 관리한다는 게 어떤 걸 의미하는 건지 잘 모르겠어요 ㅠㅠ 30일 이상으로 무료로 버전을 관리한다는 게 ui 프로젝트를 진행해서 디자인된 게 30일 지나면 없어진다는 건가요..? 예시로 설명해 주실 수 있을까요?

0.5를 더해서 round를 구해서 오류를 막으라는 말씀 같은데, 그럼 예를 들어서 3.4 의 반올림 결과는 3이어야 하는데, 0.5를 더하고 구하면 4가 되는데 이런 경우들은 어떻게 해야하나요? 정확하려면 오름값을 구하고, 오름값고 차이를 통해서 대치해준다거나 이런 노가다 방법 뿐인걸까요...?...

강의 들으면서 프론트엔드도 직접 만들어가면서 실습 중인데요 로그인 부분에서 에러가 발생하는데 도무지 해결이 안되서 질문드립니다. Error: Failed to serialize user into session [0] at pass (C:\Users\L-108\Desktop\web\react-node\node_modules\passport\lib\authenticator.js:281:19) [0] at Authenticator.serializeUser (C:\Users\L-108\Desktop\web\react-node\node_modules\passport\lib\authenticator.js:299:5) [0] at SessionManager.logIn (C:\Users\L-108\Desktop\web\react-node\node_modules\passport\lib\sessionmanager.js:14:8) [0] at IncomingMessage.req.login.req.logIn (C:\Users\L-108\Desktop\web\react-node\server\node_modules\passport\lib\http\request.js:50:33) [0] at C:\Users\L-108\Desktop\web\react-node\server\routes\auth.js:42:20 [0] at Strategy.strategy.success (C:\Users\L-108\Desktop\web\react-node\server\node_modules\passport\lib\middleware\authenticate.js:219:18) [0] at verified (C:\Users\L-108\Desktop\web\react-node\server\node_modules\passport-local\lib\strategy.js:83:10) [0] at Strategy._verify (C:\Users\L-108\Desktop\web\react-node\server\passport\localStrategy.js:17:21) 이런 에러가 발생합니다. serializeUser가 호출이 안되나 싶어서  console.log를 찍어가며 확인을 했는데 req.login 안에서 찍은 console.log는 문제없이 출력되고 serializeUser에서 찍은 console.log는 출력이 되지 않습니다. serializeUser가 호출이 제대로 안되고 있는건가요? 어떤 부분을 살펴봐야 할까요 답변 부탁드립니다.ㅠㅠ //auth.js router.post('/login', isNotLoggedIn, (req, res, next) =>{ passport.authenticate('local', (authError, user, info) => { if(authError){ console.error(authError); return next(authError); } if(!user){ return res.redirect(`/?loginError=${info.message}`); } return req.login(user, (loginError) => { console.log("check"); if(loginError){ console.error(loginError); return next(loginError); } // 세션 쿠키를 브라우저로 보내준다. return res.redirect('/'); }); })(req, res, next); }); //passport/index.js const passport = require('passport'); const local = require('./localStrategy'); const kakao = require('./kakaoStrategy'); const User = require('../models/user'); module.exports = () =>{ passport.serializeUser((user, done) => { console.log("1234"); done(null, user.id); }); passport.deserializeUser((id, done) =>{ User.findOne({ where: { id }}) .then(user => done((null, user.id))) .catch(err => done(err)); }) local(); kakao(); }; 주세요.

안녕하세요 선생님 강의 잘듣고 있습니다 다른 기능은 잘되는데  input창에 처음으로 답을  입력할때  4글자 까지 입력이 되는데  2번째 입력할때  입력 글자가 3글자로 제한되는데.. 뭐가 문제일 까요 ㅠㅠㅠ  아 , 그리고 또 궁금한점이  함수 숫자뽑기() 에서 처음에는 조건이  var i = 0; i < 4; i += 1 로 쓰이는데  틀리면  조건이 var i = 0; i < 3; i += 1 으로 쓰는건 왜인가요?? // 숫자야구 var 바디 = document.body; var 숫자후보; var 숫자배열; function 숫자뽑기() {     숫자후보 = [1, 2, 3, 4, 5, 6, 7, 8, 9];     숫자배열 = [];     for (var i = 0; i < 4; i += 1) {         var 뽑은것 = 숫자후보.splice(Math.floor(Math.random() * (9 - i)), 1)[0];         숫자배열.push(뽑은것);     } } // 문제 시작  숫자뽑기(); console.log(숫자배열);  // 게임 답 확인용 var 결과 = document.createElement("h3"); 바디.append(결과); var 폼 = document.createElement('form'); document.body.append(폼); var 입력창 = document.createElement('input'); 폼.append(입력창); 입력창.maxLength = 4; // input 입력 4글자로 제한 var 버튼 = document.createElement('button'); 버튼.textContent = "입력"; 버튼.style.marginLeft = '3px'; 폼.append(버튼); var 결과창 = document.createElement('div'); document.body.append(결과창); var 틀린횟수 = 0; 폼.addEventListener('submit', function 콜백함수(e) {     e.preventDefault();     var 답 = 입력창.value;     if (답 === 숫자배열.join("")) {         // 답이 맞으면         결과.textContent = "홈런";         입력창.value = " ";         입력창.focus();         // 새로운 문제 내기           숫자뽑기();         틀린횟수 = 0;     } else {         // 답이 틀리면         var 답배열 = 답.split(" ");         var 스트라이크 = 0;         var 볼 = 0;         틀린횟수 += 1;         if (틀린횟수 > 4) {  // 4번 넘게 틀리면             결과.textContent = '4번 넘게 틀려서 실패! 답은' + 숫자배열.join(',') + '였습니다.';             입력창.value = " ";             입력창.focus();             // 새로운 문제 내기               숫자뽑기();             틀린횟수 = 0;         } else {  // 4번 미만으로 틀리면             console.log('답이 틀리면', 답배열); // 에러 확인용             for (var i = 0; i < 3; i += 1) {                 if (Number(답배열[i]) === 숫자배열[i]) {  // 같은 자리인지 확인                     스트라이크 += 1;                     console.log('같은자리?'); // 에러 확인용                 } else if (숫자배열.indexOf(Number(답배열[i])) > -1) { //같은 자리는 아니지만, 숫자가 겹치는지 확인 && 여기서 -1 은 indexOf에서 없는값을 의미                     볼 += 1;                     console.log('겹치는 숫자?'); // 에러 확인용                 }             }             결과.textContent = 스트라이크 + "스트라이크" + 볼 + "볼 입니다";             입력창.value = " ";             입력창.focus();         }     } });

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 d있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강의들으면서 관련 프로젝트를 진행중입니다. IE 9 / IE 10 환경에서도 react가 흰화면이 아닌 정상적으로 나오도록 react-app-polyfill 모듈을 사용하여 polyfill 적용을 해보고있는데, IE11은까지는 확인을 했는데, IE 9 / IE 10 환경에서도 정상적으로 작동하도록 하려면 어떻게해야하는지 궁금합니다. IE 11 에 나오도록 작업한 방법은 index.js 파일에 import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; 를 추가 하였고, package.json 의 브라우저 리스트에 "e 11" 을 추가하면서 확인을 하였는데, IE 9 환경에서도 나오도록 확인하기위해 import 'react-app-polyfill/ie9'; import 'react-app-polyfill/stable'; 이렇게 index.js 파일에 추가하고 package.json 의 브라우저 리스트에 "e 9" 을 추가하면서 확인을 하였는데, 구문 에러가떠서 어떻게 해야할지 모르겠습니다. 모듈 캐시폴더도 지워보고 해봤는데, 어떤방법이 더있을까요? 구문 에러는 SCRIPT : 1002 구문에러가 뜹니다. (IE 9 / IE 10 환경에서)

강의상에서도 시범 보이실때 한번도 blockquote는 누르지 않으시더라구요. 그래서 원래 그런건지 확인이 되질 않아서 문의드립니다 원래 그런거라면 이 에디터에 욕심은 없어서 괜찮은데.. 강의 내용을 공부하고 꼼꼼히 기록해두는거라서 제가 코드 실수한건 아닐까 해서 계속 봤는데 blockquote만 반응을 안합니다. !

함수 부분을 바로 넘어가셨는데 저는 그 함수부분이 잘 이해가 안되어서요.. 죄송하시만 저 함수가 어떻게 작동하는지 설명해주실 수 있나요? 또 while()괄호안에 getchar()인경우와 c =  getchar()인 경우는 차이점이 무엇인가요??

안녕하세요. 매번 rescale =1/255.을 사용하다가 좀 더 데이터의 분포를 잘 압축할 수 있는 표준화가 좋을 것 같아서 아래와 같이 사용했습니다 featurewise_center=True, featurewise_std_normalization=True, 그런데 궁금한 점이, 표준화를 한 후 min, max를 찍어보니 -1~1 사이 값은 아닌 것 같은데, 아니라면 어떻게 맞춰줄 수 있을까요?

lock()에 들어가는 객체 변수의 의미가 궁금합니다. 아무거나 넣어줘도 무관하다면 왜 인자를 받는지 궁금합니다.

안녕하세요.  result 출력부분에서 task1.result 가 아니고 task1.result() 이렇게 표시해야하는 이유를 잘 모르겠습니다. 혹시 리턴값을 가져오는 함수 이름이 result() 인가요? 아니면 리턴값(return result) 을 함수처럼 사용하는건가요? 설명 부탁드립니다. 감사합니다.

5:09 한번에 public을 세줄에 붙이신거 어떻게 하셨는지 궁금합니다! 저는 윈도우에 비주얼스튜디오를 사용중인데 똑같이 동작이 되는지도 궁금하네요.

안녕하세요 JobTimer강의를 듣던 중 궁금한 점이 생겨 질문드리게되었습니다. 질문1 ) JobTimer의 CompareTo 메서드를 통해 오름차순으로 정렬해야 하는 것 아닌가요?(execTick이 작은것 부터) other,execTick - execTick 을 리턴하면 내림차순으로 정렬이 되지 않나요? 테스트해보니 5,4,3,2,1 순으로 나오네요... 질문2) JobTimer의 _pq(PriorityQueue)에 Push나 Pop등은 MainThread에서 단일로 작업하지 않나요? 그럼에도 lock이 필요한 이유가 무엇인가요? 읽어주셔서 감사합니다.

혼자서 해보려고 해보려고 했는데 도저히 못하겠어서 강의 보고 풀었는데 .. 너무어렵던데 이정도면 알고리즘문제 중에선 되게 쉬운편맞죠..

html css 단계까지 수업을 듣고 jqeury를 듣기전에 궁금해서 글을 남기게 되었습니다. 주변에서 javascript를 먼저 공부한 다음에 jquery를 공부하라는데 선생님 수업을 계속 듣던지 아니면 javascript를 공부한 다음에 jqeury를 공부해야하는지 궁금합니다.

안녕하세요 제로초님. 스타일드 컴포넌트로 스타일할때 밑에 코드처럼 제일 큰 컨테이너만 스타일드 컴포넌트로 작성을하고 나머지 자식들한테는 className을 부여하거나 선택자를 이용해서 스타일링을 할려고 하는데 혹시 성능이나 이런문제가 있을까요? const Wrapper = styled.div`    .divWrapper {       > a {}      > li {}    }     .navWrapper {      } `; ...... <Wrapper>   <div className='divWrapper'>      <a> </a>       <li> </li>    </div>   <div className='navWrapper'>      <div>test</div>    </div> </Wrapper>

catch구문에 console.error(error)를 넣으면 다음과 같이 에러가 발생하며 해당 구문을 지울 시 에러가 나타나지 않습니다 또한 porudcts데이터를 정상적으로 받아오지 못하는것 같습니다. database에는 정상적으로 데이터가 저장되어 있습니다.

파라미터값을 숫자로 변환하는 Number()함수는Number("ABC") ABC를 유니코드로 인식해서 숫자 변환하면 안되는지? 이유가 있을까요?  >.,<

case 'a' : 에서 : 는 무엇인가요?

안녕하세요! 수업 재미있게 수강하고 있는 학생입니다 다름이 아니라, 33강까지 수강하고 나서 테스트하는 중에 오류가 나서 질문드리고자 합니다. 로그인 후 해당 프로필을 만들고 다시 메세지를 변경하고 싶어서 바꾸고 난 후 edit을 누르는 순간 수정이 안되고 에러가 나는데요, 에러 화면은 다음과 같습니다.  강의 내용은 그대로 따라하고 있었는데 혹시 제가 놓친 부분이 있을까요? 데코레이터 부분에서 pk값이 잘못되어있다는 의미일까요? 구글링을 해보고 스택오버플로우를 몇개 보았는데, 상황이 달라서 명확한 해답을 얻지 못했습니다. 제가 아직 서툴어서, 이럴 경우 어떤 키워드로 검색을 해보면 좋을지도 알려주시면 감사하겠습니다!