[tracy] react-calculator 구현 완료입니다. #5
Conversation
PParkJy
changed the title
|
고생하셨습니다!! |
|
으앗.. gitignore파일 지정해 주세요:sob: 모듈 파일때문에 코드 쓰신게 하나도 안떠요 |
|
gitignore 추가했습니다! |
| const preOperand = parseFloat(state.displayValue || "0") | ||
| const backOperand = parseFloat(state.nextValue || (operator === "/" || operator === '*' ? "1": "0")) |
There was a problem hiding this comment.
preOperand, backOperand라는 변수명보다 lhs, rhs 또는 lhsOperand, rhsOperand를 사용하는 것을 추천합니다. left-hand side, right-hand side의 약자입니다.
state.displayValue || "0"로 null 처리하는 것은 좋아요! 👍
| if (next) { | ||
| if (next.includes(".")) { | ||
| return {}; | ||
| } | ||
| return { nextValue: next + "." }; | ||
| } | ||
| return { nextValue: "0." }; |
|
고생하셨습니다! |
Parkhyunseo
left a comment
Parkhyunseo
left a comment
There was a problem hiding this comment.
고생하셨습니다!! 전체적으로 코드가 이전에 비해 많이 깔끔해졌습니다. 그러나 아직 null과 빈 객체를 많이 사용하고 명확하지 않은 코드들이 보이네요. 그리고 React 컴포넌트를 조금 더 활용했으면 좋겠습니다!
| @@ -0,0 +1,11 @@ | |||
| function decimalPoint(next){ | |||
There was a problem hiding this comment.
함수명은 Naming Convention에 의거하여 동사를 사용해야 합니다.
| @@ -0,0 +1,11 @@ | |||
| function decimalPoint(next){ | |||
| if (next) { | |||
There was a problem hiding this comment.
if(next)가 의미하는게 명확하지 않습니다.
next === NaN, next === undefined 이런식으로 정확히 명시해주세요.
| const operator = state.operatorValue | ||
| const preOperand = parseFloat(state.displayValue || "0") | ||
| const backOperand = parseFloat(state.nextValue || (operator === "/" || operator === '*' ? "1": "0")) | ||
| if (operator === "+") { |
There was a problem hiding this comment.
여유가 된다면 string연산자와 대응하는 함수를 객체로 묶어서 개발해 보는걸 추천합니다.
| return (preOperand/backOperand).toString(); | ||
| } | ||
| } | ||
| console.log('error'); |
There was a problem hiding this comment.
이번 요구사항에 console 사용은 없습니다! 지워주세요.
| render(){ | ||
| return( | ||
| <Fragment> | ||
| <button name="C" onClick={event => this.props.click(event.target.name)}>C</button> |
There was a problem hiding this comment.
버튼도 모두 React Component로 만들어보는 걸 추천합니다.
| import DisplayLayout from "./displayLayout" | ||
| import ButtonLayout from "./buttonLayout" | ||
|
|
||
| class reactCalculator extends Component{ |
| @@ -0,0 +1,12 @@ | |||
| import React, {Component } from 'react'; | |||
|
|
|||
| class displayLayout extends Component{ | |||
| return {}; | ||
| } | ||
|
|
||
| if (operator) { |
5 participants
pull request 에러가 계속 나길래 해결 방법을 찾다가 저장소를 지우고 새로 만들어버렸습니다.
그래서 이전 commit 내용들이 다 날아가버렸습니다....껄껄....
저처럼 멍청하게 하지마세요 흑흑