className
-
JavaScript 입문 : className과 classList 사용법 - 응용컴퓨터 알아가기/JavaScript 2022. 7. 24. 19:30
자바스크립트에서 className과 classList에 대한 간단한 문법을 익혀 보았는데요. 간단한 예제를 통해서 응용을 해 보도록 히겠습니다. 브라우저상에 문장을 클릭하면 글씨색이 변하는 내용을 자바스크립트를 통해서 만들고자 합니다. HTML상 클래스명을 지정하지 않고 색이 변할때마다 클래스명을 추가하면서 자바스크립트 명령어를 사용하고자 합니다. 이럴경우 classList에 add명령어를 사용하여 진행해야 하는데 단순하게 className을 사용하여 진행하는 실수를 법하게 되는데 다음 예를 통하여 확인할 수 있습니다. 1. className을 잘 못 사용하는 예 기본 HTML / CSS 및 JS를 다음과 같이 만들어서 브라우저 변화를 보도록 하겠습니다. JS에서는 className을 사용하여 태그상 클..
-
JavaScript 입문 : 로또추첨기 - 당첨볼 추출 및 정렬 / setTimeout( ) 함수컴퓨터 알아가기/JavaScript 2022. 5. 13. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지금까지 로또추첨기에 대한 코딩 순서를 복습하자면 코딩에 대한 순서도 - 배열을 이용한 숫자 45개 준비 - 전체 숫자 무작위 섞기 (피셔 예이츠 셔플) 이었습니다. 지금부터는 섞인 45개의 숫자에서 당첨볼 6개와 보너스 볼을 뽑는 코딩을 공부할텐데 setTimer 함수 메소드를 이용하여 1초마다 공이 화면에 표시되는 과정을 해보고자 합니다. ▒ 6개 당첨볼 뽑기 지난 시간까지 무작위 섞인 45개의 공을 shuffle이라는 빈 배열에 배정 하였습니다. 여기서 앞 6개를 당첨번호로 (뒤 6개를 뽑아도 되고, 홀수번째나 짝수번째 봅아도 되고) 다음 7번째 볼을 보너스볼로 하겠습니다. slice()와 sort()를 이용하여 원본을 유지한채 뽑..
-
React 기본 : 끝말잇기 Hooks 로 전환 후 에러 수정 - Uncaught TypeError : value is not a function (2)컴퓨터 알아가기/React 2021. 9. 14. 19:30
지난 시간 여러가지 Error를 수정해 보았는데 다음과 같이 역시 TypeError가 나왔습니다. 좀 더 심플하게 생각해 봐야겠습니다. TypeError라는 의미는 뭘 잘 못 기입했다는 의미이고 Value가 함수기능을 못한다는 이야기는 Value에서 에러가 난 것이고 오답은 작동하는데 정답에서 에러가 난다는 이야기는 if ~ else 문에서 if 내용이 잘 못 기입되었다는 가설을 세울 수 있습니다. ▒ TypeError 수정 if 절에 쓰여진 내용을 참고로 하고 있는 ZeroCho TV와 비교를 해 보겠습니다. 아무리 비교해도 틀린곳이 없습니다. 다음과 같이 쓰여진 if 절과 else절을 유심히 살펴 보겠습니다. 한가지 차이점은 Value에 set이 들어가 있지 않습니다. 다음과 같이 수정해 보도록 하겠..