키다리 개발자

저번에는 HTML과 Javascript로 계산기를 만들어보았으며(Javascript 메뉴에 글 기재함), 이번에는 React만을 이용하여 계산기를 만들어 보았습니다. 만든 방식과 원리는 저번과 비슷하며, 이번에는 React의 state를 이용한 것과 큰 차이가 없습니다. state는 자기 자신의 상태를 나타내 주는것으로, setState로 상태를 재설정해 줍니다. Html 구조 코드 vs React.js (state, props, map)코드 비교하기 바로 첫번째 소스코드는 React.js에서 state를 이용해 Html구조로 구성한 코드입니다. 보시다시피 위의 계산기 기능으로서는 전혀 문제없이 구현되었습니다. 하지만, component없이 한 번에 다 소스코드를 작성하였기에 코드가 길어지고, 엄청 많은..