계산기2 (React) 리액트 useState 사용해서 계산기 프로그램 만들기 (React) 리액트 useState 사용해서 계산기 프로그램 만들기 * 아직 코드에 주석 설명을 달지 않았습니다. 계산기 하나 만드는데 이렇게 어려운가.....?! 엄청 간단한줄 알았는데... 몇시간이나 걸렸다 ㅇㄴ.... 계산기를 눌렀을때, 복잡한 사칙 연산 까지 가능한 계산기를 구현 하기 위해 머리를 잔뜩 굴렸다. 분명 더 간단하게 하는 방식이 있겠지만, 리액트 초보자인 나로서는 아래 풀이 방법이 최선이다... ㅠ_ㅠ 혹시 계산기를 만드는 더 좋은 방법이 있다면 꼭 코드 공유해주세요.... ㅠㅠㅠㅠ... 1. 복잡한 사칙연산 가능 2. 일의 자릿수 이상 자릿수의 계산 가능 3. 기호는 먼저 클릭한 것부터 계산. (ex. 13+17*2 => 13+17=30, 30*2=60) 어려웠던 점 예를들면 (1.. 2021. 8. 20. (React) 리액트 state를 사용한 더하기 프로그램 만들기(초간단) State 직접 사용해보기 아무리 이론을 봐도 직접 사용해보지 않으면, 잘 와닿지 않아서 state를 사용하여 초간단 더하기 프로그램을 만들어 보았습니다. - 초기화 버튼 눌렀을시 & 초기화면 - 더하기 및 result 버튼 클릭시 Counter.js import React, { Component } from 'react'; import './Counter.css'; class Counter extends Component { state = { number1: '', number2: '', number: 0, }; result = (e) => { //클릭시 결과값이 나옴. //number1과 number2둘다 문자이므로 //parseInt를 사용하여 number로 형변환을 해줌. this.setState.. 2021. 8. 18. 이전 1 다음
