React 계산기 만들기(feat.중위표기식)
- React를 이용하여 일반적인 계산기를 구현해보기로 함
- 입력되는 숫자, 부호, 괄호, 음수부호 등을 str로 받아서 1차 처리
- 경우의 수를 계산해야 할 부분이 많다고 생각했는데, 그 생각보다 훨씬 많았음
- 엣지케이스, 발견된 에러 등이 몇개 있지만 차후에 리팩토링하기로 함
- 이후 처리된 str을 등호에 적용할 함수를 통해 후위표기식으로 처리하여 계산하고 출력할 예정
- 일반적인 계산 방식인 중위표기식은 사람에게 익숙한 방식임
- S/W에서는 후위표기식을 통한 계산을 주로 활용함
- 구글링을 통한 여러 블로깅 내용들을 토대로 적용함
- 정규식으로 천 단위 구분자 적용
- substring
- 문자열을 잘라 복사 또는 부분 활용하는데에 사용
- lastIndexOf
- 숫자와 부호들을 string으로 처리하기로 하였음
- 문제는 숫자의 자리수 제한 등 여러 처리를 위해 숫자와 부호의 구분지점을 잡아야 함
- 부호의 앞, 뒤로 ' '를 넣어 맨 뒤의 ' '를 구분점으로 잡기로 하였고, 이를 찾는데에 활용하였음
- parseFloat
- 문자열을 실수로 치환할 때에 사용하였음
- Number()와 섞어서 사용하였음
- 참조한 블로그 또는 페이지들
- google font: NotoSansKR 사용
- tothesea님 블로그: styled-components dark mode 적용
- lamarrdev님 블로그: 중위표기식 -> 후위표기식 변환 및 계산
- nohack님 블로그: 중위표기식 -> 후위표기식 변환 및 계산
