TIL(Today I Learned)
📕 새로 배운 내용
오늘은 계산기를 구현해 보았습니다. 계산기을 만들면서 각각 입력한 숫자와 연산자에 따라 계산 결과를 출력하는 기능을 구현하였으며, 이벤트 처리와 문자열 처리에 대한 이해가 필요했습니다.
간단한 구현 방법은 아래와 같습니다.
- HTML 작성
- 계산기 화면을 구성하는 HTML 코드를 작성합니다.
- 숫자와 연산자를 누를 수 있는 버튼, 계산 결과를 출력하는 창, 그리고 계산 버튼을 만듭니다.
- 자바스크립트 작성
- 버튼으로 입력한 값을 가져와서 계산식을 만듭니다.
- 계산식을 계산한 결과를 출력창에 출력합니다.
이외에도 소수점을 입력하거나 AC버튼을 만들고 연산자를 중복으로 누르거나 소수점을 여러개 클릭하는 등의 예외사항을 고려하면서 계산기의 기능에 충실하도록 만들었습니다.
📚 어려웠던 내용
기능을 하나씩 하나씩 만들다보니 위에 말했던 예외사항과 기능 구현이 꼬이면서 그러한 사항들을 고려하여 만드는 것이 어렵기도 했고 기능을 만들다보니 어떤 오류가 생길지 고민해보는 것 자체도 중요해서 많은 고민을 하게 만들었습니다.
🔍 궁금한 내용과 부족한 내용
아직 자바스크립트로 요소의 값을 가져오거나 이벤트 처리 부분에서 믾이 부족하기에 조금 더 공부해서 자연스럽게 쓸 수 있도록 해야합니다.
✏️ 느낀점
어디에나 있는 작은 계산기 하나에 기능을 만드는 것조차 이렇게 다양할 줄 몰랐고
나름대로 구현한다고 해도 사용자가 어떻게 사용하고 어떤 방식으로 진행되는지 알 수 없기에
많은 상황을 대비하여 예외 케이스를 생각해내고 그걸 해결하는 과정도 굉장히 어려웠지만 재미있었습니다.
다음부턴 이벤트 처리에 대해서 좀 더 공부해서 더욱 더 풍부하고 안정적인 구현을 해야겠다는 생각이 듭니다.
둥실둥실