프로그래밍 삽질 중

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * class 사용 [ResponseCheckClass.jsx] import React, { Component } from "react"; class ResponseCheckClass extends Component { state = { state: "waiting", message: "클릭해서 시작하세요.", res..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * createRef - hooks의 useRef처럼 class에서도 ref 사용하기 = createRef - 굳이 함수처럼 만들어서 ref를 해야 하나? ▶ 예전 작업을 가져오거나 다른 동작이 필요할 경우 - 간단하게 ref 작업 = createRef * this.setState({}) - 사용 권장 x - 렌더 실..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * Try.jsx를 따로 빼서 NumberBaseball.jsx에서 호출 * useState 참고 : https://react.vlpt.us/basic/07-useState.html 7. useState 를 통해 컴포넌트에서 바뀌는 값 관리하기 · GitBook 7. useState 를 통해 컴포넌트에서 바뀌는 값 관..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * (웹팩 사용) 강의 내 "숫자야구 3-3"에서 문제 발생 ▶ import과 require 사용에서 문제 발생 ▶ 노드 내에서는 require만 되나, 바벨이 import문을 const로 바꿔주기 때문에 바벨이 설치되어 있다면 둘 다 섞어서 사용이 가능함 ▶ 계속 문제 발생할 경우 웹팩 다시 설치 후 진행 권장 ht..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * class version ▶ Component 사용 ▶ this 사용 const React = require("react"); const { Component } = React; class WordRelay extends Component { state = { word: "제로초", value: "", result..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com 출처 : https://github.com/ZeroCho/react-webgame/tree/master/2.%EB%81%9D%EB%A7%90%EC%9E%87%EA%B8%B0 GitHub - ZeroCho/react-webgame Contribute to ZeroCho/react-webgame development by..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * Hooks란? ▶ 기존 컴포넌트에서는 state, Ret 사용할 수 없었음 ▶ 함수 컴포넌트 안에서도 state, Ret, useEffet 사용할 수 있게 함 ▶ state를 하나씩 분리함(함수 컴포넌트 안에 있어야함) - class, for의 경우 각각 className, htmlFor을 사용 * webpack ..

* 목표 - 이전에 배포했던 영단어 version 2(자바스크립트(js))를 타입스크립트로(ts) 변환하는 것이 목적 * 첫 번째 ▶ interface 사용 문제점 : 대다수 함수에 사용된 매개변수(english, korean, type, status(간간히))가 모두 string 값이나 interface로 사용 시 js로 변환하면 사라짐 ▶ 제네릭을 이용해보자 생각함 ▶ ts에서 이벤트 사용하기 문제점1 : js 내 document.querySelector는 ts에서 인식되지 않음 ▶ 해결책 : https://stackoverflow.com/questions/12989741/the-property-value-does-not-exist-on-value-of-type-htmlelement Typescrip..