봉보로봉봉

구구단 만들기 구구단 수동으로 바꿀 값들만 setState로 설정 구구단 위처럼 JSX와 Javascript를 섞어서 쓰면 안됨 아래처럼 따로 클래스의 메소드로 만들어서 써야함 구구단 구구단 컴포넌트를 여러개쓰면 각 컴포넌트마다 다른 state값을 가짐 > 문제를 다르게 풀 수 있음 +숙제 정답 옆에 답도 같이 출력하기 함수에 result를 저렇게 변경했다! onSubmit = (e) => { e.preventDefault(); if (parseInt(this.state.value) === this.state.first * this.state.second) { this.setState({ result: `정답 ! ${this.state.value}`, first: Math.ceil(Math.random(..

크롬 확장프로그램 설치 ! 리액트 개발자 도구 그렇지만 이렇게 쓰면 엘리먼트 생성해주고... 또 렌더함수에 구구절절 써주고... 너무 불편하기 때문에 태그 형식을 취하게 됨 하지만 자바스크립트에서 html처럼 쓴다? 불가능 하기 때문에 이걸 가능하게 문법을 바꿔주는 babel을 사용 메소드나 객체는 다른걸 추가로 더 설치해야함 이걸 JSX라고 부름 Javascript + XML 그래서 닫는 태그를 꼭 해줘야함