38,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
lodash 사용 유무에 대한 고견을 듣고 싶습니다.
우선 해당 강의와 연관성 없는 질문 죄송합니다. 현업에서 lodash 라이브러리를 사용하는 것에 대해 어떻게 생각하시는지 궁금합니다. 선생님께서는 최신 JS 문법들을 활용하고 조합하시는 것 같아서 궁금합니다.
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
import * as React from 'react' 질문있습니다.
* as를 붙이는 이유가 단순히 리액트는 export default가 없어서 붙이는 건가요? * as를 붙이면 뭐가 다른건가요? 이건 처음 써봐서요..
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
오타
안녕하세요 제로초님 강의 잘듣고 있습니다. 공유해주신 깃허브 소스코드 ResponseCheckClass.tsx 파일 47번 라인에 오타가 있습니다! 감사합니다. 수정 전 result: [...prevState.result, this.endTime!, this.startTime!], 수정 후 result: [...prevState.result, this.endTime! - this.startTime!],
- 해결됨웹 게임을 만들며 배우는 React에 TypeScript 적용하기
undefined 처리에 대하여
안녕하세요 강사님 undefined에 대해 아래와 같이 처리하는게 맞는지 확인 부탁드립니다. const computerChoice = (imgCoords: ImgCoords) => { if (undefined) { throw new Error(); } return (Object.keys(rspCoords) as keysImgCoords[]).find((k) => { return rspCoords[k] === imgCoords; }) }
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
이 강의 듣기전에 꼭 웹게임 타입스크립트를 수강해야할까요? 선수지식은 리액트, 자바스크립트 입니다!
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 제로초님 강의중에 타입스크립트 부분 빼고는 다 들었어요! (nodebird까지!)
- 해결됨웹 게임을 만들며 배우는 React에 TypeScript 적용하기
awesome-typescript-loader 설치 에러 관련
안녕하세요 강사님. 강의 잘 듣고 있습니다. 'awesome-typescript-loader ' 설치 시 아래와 같은 에러 발생하여 --force 옵션으로 강제 설치했습니다. 앞의 강의에서 해당 모듈 설치 때, 아래와 같은 에러가 발생하여 그냥 넘어갔더니 npx webpack 명령어 입력 시 app.js 생성에 또 문제가 생겨서 --force 명령으로 해결했습니다. 혹시 이와 같은 방법에 문제가 있다면 다른 접근법을 알려주시면 감사하겠습니다. --------------------------------------------------------- npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: lecture_ts@1.0.0 npm ERR! Found: typescript@4.0.5 npm ERR! node_modules/typescript npm ERR! typescript@"^4.0.5" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer typescript@"^2.7 || ^3" from awesome-typescript-loader@5.2.1 npm ERR! node_modules/awesome-typescript-loader npm ERR! dev awesome-typescript-loader@"^5.2.1" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\master\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\master\AppData\Local\npm-cache\_logs\2020-11-06T06_21_30_388Z-debug.log
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
게임들을 불러올 때 hook
GameMatcher에서 게임들을 불러올 때 class 말고 hook으로 만든 게임을 불러오고 싶은데 방법이 없는건가요? 오류 떠서 확인해보니 hook으로 만든건 내부에서만 호출할 수 있고 다른 곳에서는 호출할 수 없는 거 같습니다. 해당 게임 파일을 lecture 폴더안으로 가져와서 하면 되긴 하는데 import MineSearch from "../8.지뢰찾기/MineSearch 으로 해서 할 수 있는 방법이 있는지 궁금합니다. 공식문서보니 안된다는거 같긴한데 안되는거겠죠..?
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
webpack-dev-server 오류시
webpack-dev-server 가 되지 않아 알아보니 webpack-cli와 버전이 안 맞아서 오류가 뜨는거 같습니다. 혹시나 안되시는 분 계시면 webpack-cli 버전을 제로초님과 같게 변경하시고 하시면 될 거 같아요. npm i -D webpack-cli@3.3.10
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
useCallback 사용할 때 제네릭
onSubmitForm 에서 useCallback 사용할 때 제네릭으로 할 때와 e에 바로 써줄 때랑 둘 중 하나 쓰면 된다고 하신거 같은데 e에 바로 써줄 때에 오류 뜨는데 왜 그런건가요? onChange에서는 onSubmit과 다르게 두 경우 모두 오류 없습니다.
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
TableContext.Provider
자식컴포넌트와 쉽게 공유하게끔 해주는 프로바이더 컴포넌트에 달아주는 value 파트 설정이 잘 이해되지않습니다. 여기서는 쉽게 intialState 를 달아주면 안되나요? useMemo를 활용하여 밸류를 설정한 부분도 쉽게 이해가 잘안되네요. 프로바이더에 달아주는 밸류값은 항상 이런식으로 함수가 리턴하는 값의 형태로 설정해주어야 하나요?
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
useCallback vs useMemo
이 2개의 쓰임새가 조금 헷깔립니다. 명확한 설명좀 부탁드립니다.~
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
로또 에서 볼생성 시 관련 문의드립니다.
안녕하세요 ^^ 열심히 잘 강의 듣고 있습니다. 좋은 강의 감사합니다. 로또 볼 생성시 굳이 shuffle 에 45개를 다 삽입해줘야 되는 이유가 있을까요? 제 생각에는 로또는 결과적으로 7개만 필요할것 같아서요 while 문에서 shuffle.length < 7 이라고 해도 될것 같아서 문의드립니다. 좋은 하루 보내세요~
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
로그인에서 리덕스를 쓰는 이유
안녕하세요 제로초님 다름이 아니라 강의에서 로그인 할 때 리덕스에서 상태 관리를 하시던데 이유가 있는지 알고 싶어 질문 하게 되었습니다. 항상 건강 조심하시고 감사합니다.
- 해결됨웹 게임을 만들며 배우는 React에 TypeScript 적용하기
ref 관련 질문드립니다
안녕하세요 강의 수강 중 궁금한 점이 생겨 질문드립니다 1. function useRef<T>(initialValue : T | null) : RefObject<T>;2. function useRef<T>(initialValue : T ) : MutableRefObject<T>; 3. function useRef<T = undefined>() : MutableRefObject<T | undefined>;setTimeout, useRef 타이핑 강의 끝부분에서<T>를 <number | null> 을 줬습니다.그러면 2번 꼴이 만들어지는 거를 확인할 수 있었는데요,그럼, <number> 만 잇엇을때에도 똑같이 Mutable~ 로 인식할수잇다고 생각햇는데, 제가 어디를 놓친건지 알려주시면 감사하겟습니다
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
hooks에서 useRouteMatch error
안녕하세요 제로초님 해당 강의 진행 중 hooks에서 match를 찾지 못하는 에러가 생겨 문의드리게 됐습니다 에러 콘솔 react-router-dom을 최신 버전으로 설치해봐도 해결이 되지 않는데 혹시 다른 방법이 있을까요? ㅜㅜ { "name": "tictactoe", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack-dev-server --hot" }, "author": "ZeroCho", "license": "ISC", "dependencies": { "@types/react": "^16.9.19", "@types/react-dom": "^16.9.5", "@types/react-router": "^5.1.4", "@types/react-router-dom": "^5.1.3", "react": "^16.12.0", "react-dom": "^16.8.6", "react-router": "^5.0.1", "react-router-dom": "^5.0.1", "typescript": "^3.7.5" }, "devDependencies": { "@hot-loader/react-dom": "^16.13.0", "awesome-typescript-loader": "^5.2.1", "react-hot-loader": "^4.8.3", "webpack": "^4.29.6", "webpack-cli": "^3.3.0", "webpack-dev-server": "^3.3.1" } }
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
React.FC는 왜 안쓰나용?
React Functional Component의 약자인 React.FC의 타입을 리액트 + 타입스크립트에서는 사용할 수 있는걸로 아는데, 왜 사용을 안하는지 궁금합니다. ex ) const NumberBaseball: React.FC = () => { return(); } 이를 사용하면, Functional Component를 정의할 수 있어서, 좋을 것 같습니다만..
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
타입스크립트는 기존 next프로젝트에 적용도 가능한가요?
리액트로 노드버드 만들기를 타입스크립트로 바꿔보려는데 말씀하신대로 타입스크립트 세팅, 연결하고 기존 jsx 파일을 tsx로 바꿔서 하나씩 바꿔주는 식으로 작업하는게 기존 파일 -> 타입스크립트 입히기 진행 과정인가요? 협업에서도 이런식으로 타입스크립트화 시키는지 궁금해 질문드립니다. (초반부터 타입스크립트로 플젝 만들지 않은 경우..)
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
바벨 설정 질문
타입스크립트 사용 할때는 따로 바벨 설정이 필요 없나요 ?
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
추가로 질문드립니다. redux 쓸때 thunk와 sage가 있던데 어느쪽을 주로 추천하시나요?
추가로 질문드립니다. redux 쓸때 thunk와 sage가 있던데 어느쪽을 주로 추천하시나요? 만약 추천한다면 어떤경우에 saga 쓰면 좋고 어떤 경우에 thunk가 좋은지 추천해주시면 감사하겠습니다. 수고많으십니다. 감사합니다.
- 미해결웹 게임을 만들며 배우는 React에 TypeScript 적용하기
mobx강좌의 App.tsx에서 14번째 줄 action부분에서 function이 아닌 에로우 함수인경우는 어떻게 바뀌어야 하죠?
해당 강좌 시청중 문의가 있어올립니다. mobx강좌의 App.tsx에서 14번째 줄 action부분에서 function 으로 되어 있는데 만약 에로우함수(=>)라면 해당 부분이 어떻게 바뀌어야 하나요? 혹시나 해서 this를 아래와 같이 this를 넣어 보니 const state = useLocalStore<LocalStore>(() => ({ name: "", password: "", onChangeName: action((this: LocalStore,e:React.ChangeEvent<HTMLInputElement>)=>{ this.name=e.target.value; }), onChangePassword: action((this:LocalStore,e:React.ChangeEvent<HTMLInputElement>)=>{ this.password=e.target.value; }) })); 아래와 같은 에러가 발생합니다. An arrow function cannot have a 'this' parameter. 애로우 함수의 경우에 어떻게 소스가 바뀌어야 하는지 알려주셨으면 합니다. 답변 기다리겠습니다. 감사합니다.