무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨웹 게임을 만들며 배우는 React
쌤 질문이 있습니다
webpack.config.js 파일에 주석이 들어가면 실행이 제대로 안되나요ㅎㅎ.... 주석 섞어서 실행할 땐 module build failed 라고 뜨고 주석 빼고서 실행하니까 정상작동하더라구용 혹시나 공부하면서 필기할때 주석을 사용해서는 안 될 파일들은 어떤 종류인가요?
- 미해결웹 게임을 만들며 배우는 React
this.state.value에 대해 질문
안녕하세요 state 값을 바꾸면 다시 렌더링되는걸로 알고 있습니다. this.state.value는 사실 재랜더링이 필요 없는 값 같은데 단지 갖다 쓰기 편하게 하기 위해 state에 value를 포함시키면 좀 비효율적이지 않나 라는 궁금증이 생겨서 질문드려봅니다 감사합니다!
- 미해결웹 게임을 만들며 배우는 React
React dev tool 설치 후 선생님처럼 안뜨시는분들 보세용
크롬 웹스토어에서 tool받으시고 chrome://extensions 들어가셔서 React Development tools 클릭하시면 아랫부분에 파일 URL에 대한 엑세스 허용 탭이 있습니다. 허용해주시고 다시 들어가시면 적용 됩니다. (개발자 모드에 (>>)버튼 클릭하시면 Components랑 Profiler있는데 그거 추가해주세요.)
- 해결됨웹 게임을 만들며 배우는 React
class 인스턴스 메서드 표현(?)에 대해서
삭제된 글입니다
- 해결됨웹 게임을 만들며 배우는 React
npx webpack 에러발생합니다.. 도와주세요..!
구글링 해봐도 잘모르겠어요 path가 잘못됬다고 하기도 한것 같긴한데.. 어떻게 고쳐야할까요ㅠㅠ Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module should be an object. -> Options affecting the normal modules (`NormalModuleFactory`). package.json 입니다. 아래는 webpack.config.js입니다.
- 해결됨웹 게임을 만들며 배우는 React
webpack 설정 resolve부문 질문 있습니다.
resolve부문에서 js, jsx 를 하고 entry의 app에서 ./client를 해놓으면 알아서 client.js를 가져온다고 하셨는데 만약에 client.js client.jsx의 두파일이 있으면 어떤걸 가져오게 되나요?
- 미해결웹 게임을 만들며 배우는 React
webpack설정 질문입니다...
실제 운영할때는 npm으로 설치할때 D옵션빼고 하는 건가요??
- 미해결웹 게임을 만들며 배우는 React
import 만 사용하면 작동이 안되요..
import React, { Component } from 'react'; import Try from './Try.jsx'; 숫자야구 강의에서 NumberBaseball.jsx 파일 상단에 위 코드를 넣었는데 작동은 안되고 아래 화면과 같이 출력 되는데 const React = require('react') const { Component } = require('react') const Try = require('./Try') 이 코드를 넣으면 다시 정상적으로 출력이 되는데 어떤 문제 때문에 그런건가요 ..?
- 미해결웹 게임을 만들며 배우는 React
노드 package 와 module 의 차이점 질문 드립니다.
제로초님 안녕하세요 node.js 강의와 같이 React 를 듣고 있습니. 먼저 좋은 강의 감사 드립니다. 굉장히 기초적인 질문인데요, 혼자 검색을 하다가 도저히 정리가 되지 않아 질문 남기게 됬 습니다. node.js 의 package 와 module 의 차이점이 무엇인가요? 자바 같은 경우 클래스파일들이 모여 패키지가 되는데 (예를 들어 java.lang.Number 에서 java.lang 은 패키지 , Number 는 클래스 이름), 노드의 모듈이 자바의 package 같은 건가요 혹은 클래스 파일 같은 건가요? 감사 합니다.
- 해결됨웹 게임을 만들며 배우는 React
ref를 이용해서 dom에 접근하는거요
this.input.focus(); 를 사용하기 위해서 input; 을 선언하고 ref 를 넣어준다고 이해했는데 맞나요? onRefInput = (c) => { this.input = c;}; 이건 해줬긴 한데 위에 input; 이건 안써줬거든요 근데 this.input.focus(); 는 잘 작동을 하네요. input; 을 먼저 선언해주지 않더라도 this.input을 사용 할 수 있는건가요?
- 해결됨웹 게임을 만들며 배우는 React
혹시 webstorm 단축키 궁금한게 있어서 질문 하나 드려도 될까요?
1분 3초쯤에 this.state를 찾을때 밑으로 하나씩 찾아서 내려가는 부분이 있는데, 아무리 찾아봐도 command+F / command+G 단축키를 사용하라는 말밖에 나오지 않더라구요. 영상에서는 위에 find, replace창이 나오지 않고 자기가 원하는만큼만 찾아서 여러개를 동시에 수정하는것처럼 보이는데 혹시 단축키를 좀 알려주실수 있을까요? 강좌랑 관련 없는 질문이라, ㅠ 그래도 대답해주시면 정말 감사하겠습니다.
- 미해결웹 게임을 만들며 배우는 React
render 안에 함수 질문
onClickscreen 함수는 왜 () 를 안붙이고, renderAverage함수는 왜 ()를 붙여야 오류가 안날까요? 다르게하면 오류가 나요 ㅜㅜㅜ 차이를 모르겠어요 ! 똑같은 function들인데 무슨차이인가요?
- 해결됨웹 게임을 만들며 배우는 React
게임 버그 문의
게임을 바고 시작하자마자 가위바위보를 선택하면 undefine된 변수를 참조했다고 에러가 뜹니다. 그리고 게임을 계속 진행하면 가위 바위 보가 점점 더 빨리 나오는 데 이것은 어떻게 제어를 해줘야 할까요?
- 미해결웹 게임을 만들며 배우는 React
webpack 오류 질문..
이렇게 오류가 나는데 강의영상 그대로 따라했는데 왜그럴까요 ㅜㅜ? 봐도 잘모르겠어요
- 미해결웹 게임을 만들며 배우는 React
RESET_GAME일 때
initialState를 스프레드해서 리턴해주니깐 잘 되던데 이렇게 했을 때 문제가 발생할 수 있나요?
- 해결됨웹 게임을 만들며 배우는 React
prevState는 어디서 온건가요?
this.setState((prevState => {)) 부분에서 PrevState 는 어디서 온건가요? 이해하기 어렵네요.
- 미해결웹 게임을 만들며 배우는 React
useState와 useRef 질문이요..
이 둘 언제 써야할지 헷갈리네요.. 그러다가, 배열.map을 통해서 버튼을 만들고, 버튼을 onClick을 통해서 배열안에 들어있는 값을 인자로 보내줘서 버튼을 누를때마다 그 인자값을 콘솔로그로 나오게 했습니다. 그런데, state를 통해서 하면 값이 비정상적으로 나옵니다. 마치 이전의 값이 나옵니다.. 반면에 useRef는 값이 잘나오네요... 정확히 어떻게 작동하는지 모르겠네요... 실험 코드: import React,{useCallback,useState,useRef} from 'react'; import './App.css'; const App = () =>{ const [st, setSt] = useState(null); const chageRef = useRef(0); const abc = useCallback(v=>()=>{ setSt(v) chageRef.current = v console.log("v",v,"State값",st," ref값", chageRef.current) },[st]) const input2 = useCallback(()=>{ return [1,2,3,4].map(v => { return <button ref={input2} onClick={abc(v)}>abc</button> }) },[st]) return ( <div> {input2()} </div> ); } export default App;
- 미해결웹 게임을 만들며 배우는 React
모듈 설치시 '@' '/' 사용 이유
안녕하세요 제로초님! 제가 딱 원하는 스타일의 강의라서 잘 보고 도움 많이 되고 있습니다. 다른게 아니라 babel 설치 시에 babel 앞에 @가 붙는게 있고 안 붙는게 있는데 무슨 차이인지 알 수 있을까요? 혹시 babel 모듈 안에 있는 preset-env, core, preset-react 모듈만 설치한다 라는 의미인가요??
- 미해결웹 게임을 만들며 배우는 React
http://en.pimg.jp/023/182/267/1/23182267.jpg
http://en.pimg.jp/023/182/267/1/23182267.jpg
- 미해결웹 게임을 만들며 배우는 React
새삼스럽게 질문, class method를 이벤트로 부를때는 왜 () 이렇게 안써주나요?
this.onClickScreen //1 this.renderAverage();//2 둘다 클래스의 매소드를 부르는 건데 이벤트 함수는 부를때 ()를 왜 안부르나요?