textContent
-
[React 기초] React 간단 예제 - 구구단 게임 : 자바스크립트컴퓨터 알아가기/React 2023. 12. 22. 19:30
React를 하면서 React자체가 자바스크립트라고 하니 자바스크립트를 복습하지 않고서는 React 이해가 힘들것 같네요. 개발자로 취업할 것도 아니고 시간이 날때마다 취미로 편하게 공부할려고 하니 천천히 복습을 하곤 합니다만 코딩이 취미가 될지는 아직도 모르겠네요.. 그냥 마치 수학문제를 푸는 느낌이라고나 할까요.. 역시 본 내용 또한 기본은 제로초 TV의 무료강좌를 기본으로 하고는 있습니다만 글로 옮기기까지 많은 코딩에 대한 착오들이 발생하고 시간이 엄청 걸리긴 합니다. 구구단 게임을 만들어 보고자 합니다. React로 하기전에 과거에 한번이라도 따라해봤던 자바스크립트로 해봐야 그 이후 React에 대한 개념도 잡힐것 같아 새로운 마음으로 해 보는데 이미 머리속에는 많은 내용둘이 지워져 있더군요. 다..
-
[React 기초] React 간단 예제 - 버튼 클릭하기 : 자바스크립트 이벤트클릭컴퓨터 알아가기/React 2023. 12. 18. 19:30
React를 작동하게 만드는 하나의 덩어리 즉 Component가 중요하다고 볼 수 있습니다. Component를 만들어 가는 방법중 Class형으로 하거나 함수로 하는 경우가 있는데 간단한 예제를 통해 이해를 해 보고자 합니다. 본 내역은 제로초 TV의 React 강좌를 기본으로 공부하면서 필요시 다양한 강의를 보면서 내용을 업데이트 하고 있습니다. 사실 그동안 블로그 내용에 설명이 너무 많아 저 또한 잘 안 찾을 것 같은 느낌이라 이제부터는 핵심적인 내용만 담으려 노력해 보고자 합니다. ▒ 다양한 버튼 클릭 동작 (자바스크립트 복습) 리액트는 자바스크립트를 기본으로 하는 프로그램입니다. 따라서 자바스크립트를 알고 리액트를 공부하여야 합니다. 자바스크립트에서 많이 사용되는 이벤트클릭에 대해 이해를 해 ..
-
JavaScript 입문 (끝말잇기 게임): 순서도 업데이트 및 첫번째 사람 판단하기 - 제시어 저장, 제시어 화면 변경, input창 Clear컴퓨터 알아가기/JavaScript 2022. 1. 28. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난시간 순서도를 좀 더 구체적으로 만들어 보는 훈련을 해 보았습니다. 순서도는 지속적으로 코딩을 해가면서 구체적으로 항상 업데이트 되야 합니다. 이제 코딩을 시작합니다. ▒ 첫번째 사람 판단하기 1. 첫번째 사람인지 아닌지 판단 첫번째 사람을 판단할 수 있는 기준은 무엇일까요? 저도 처음에는 방법을 알 수 없기에 참조를 해 보았습니다. 첫번째 제시어를 말하는 사람이 첫번째 사람이겠죠! 이는 곧 화면에 제시어가 없는 상태에서 시작하는 경우입니다. 그림을 보고 정리를 해 보죠. 위 그림에서 첫번째 사람을 유추해 보고 순서도에 반영합니다. ① 제시어에 단어가 없다. ② 단어가 말해지는 대로 저장하고 활용해야 한다. 순서도를 업데이트 해 보겠..