map()
-
JavaScript 입문 : 로또추첨기 - 무작위 섞기 1단계 (배열로 공 45개 준비)컴퓨터 알아가기/JavaScript 2022. 5. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지금부터는 로또추첨기를 만들기 위해 순서도상 45개의 공을 무작위 섞는 내용에 대해 공부를 해 보로록 하겠습니다. 우선 로또추첨기에 베이스가 되는 HTML을 만들어 놓을 필요가 있고 공에 대한 기본적 틀만 CSS로 만들어 놓는 과정을 하겠습니다. 순서도를 조금 추가하면 다음과 같습니다. 1. 기본이 되는 HTML과 기본 공모양 CSS VS Code에서 작성하면 다음과 같을 수 있습니다. 상기 기본 공모양 CSS를 만들어 놓고 향후 자바스크립트로 CSS를 연결시키는 공부를 할 예정입니다. 아울러, 강좌에서는 없지만 로또추첨기에서 뽑혀진 공들에게 애니메이션을 입혀 보도록 하겠습니다. 2. 45개 숫자 무작위 섞기 (피셔 예이츠 셔플, Fis..
-
JavaScript 입문 : map( ) 함수 메소드컴퓨터 알아가기/JavaScript 2022. 4. 14. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간 for 반복문을 요소와 인덱스 성질을 이용한 forEach( ) 함수 메소드로 변경을 해 보았습니다. 아직 정확한 함수의 기능을 깊이 알수는 없으나 for 반복문보다는 forEach( ) 함수 메소드가 강력(?)하지는 않다고 합니다만 편리성에서는 확실히 forEach( ) 함수 메소드가 난것 같습니다. 연이어서 같이 사용하는 함수 메소드 중 map( ) 함수 메소드가 있는데 이 부분을 이해하고 가보고자 합니다. ▒ map( ) 함수 메소드 map( ) 함수 메소드는 forEach( ) 함수 메소드와 비슷합니다. 반복문 역할을 하는 부분은 같으나 함수내 명령어를 통하여 요소(element)의 내용을 직접 바꿀 수 있습니다. 기본..