fill()
-
JavaScript 입문 : 로또추첨기 - 무작위 섞기 1단계 (배열로 공 45개 준비)컴퓨터 알아가기/JavaScript 2022. 5. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지금부터는 로또추첨기를 만들기 위해 순서도상 45개의 공을 무작위 섞는 내용에 대해 공부를 해 보로록 하겠습니다. 우선 로또추첨기에 베이스가 되는 HTML을 만들어 놓을 필요가 있고 공에 대한 기본적 틀만 CSS로 만들어 놓는 과정을 하겠습니다. 순서도를 조금 추가하면 다음과 같습니다. 1. 기본이 되는 HTML과 기본 공모양 CSS VS Code에서 작성하면 다음과 같을 수 있습니다. 상기 기본 공모양 CSS를 만들어 놓고 향후 자바스크립트로 CSS를 연결시키는 공부를 할 예정입니다. 아울러, 강좌에서는 없지만 로또추첨기에서 뽑혀진 공들에게 애니메이션을 입혀 보도록 하겠습니다. 2. 45개 숫자 무작위 섞기 (피셔 예이츠 셔플, Fis..
-
javaScript 입문 : fill( )함수 메소드컴퓨터 알아가기/JavaScript 2022. 4. 15. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 반복문의 기본은 for문과 while문입니다. 이 기본하에서 좀 더 편의성있게 사용할 수 있는 함수 메소드가 forEach( )와 map( )이 있었습니다. 이 두 함수 메소드와 같이 공부해야할 또 다른 함수 메소드가 fill( )함수 메소드 입니다. 영어에서 볼 수 있듯이 채워주는 역할(fill)을 하며 map( ) 함수와도 연계하여 사용할 수 있습니다. 우선 fill( ) 함수 메소드의 기본을 보도록 하겠습니다. ▒ fill( ) 함수 메소드 기본형은 변수나 함수등에 연계해서 .fill( )로 사용합니다. 5개의 length를 가진 빈 배열을 나타내면 다음과 같습니다. 해당 Array에 fill( ) 함수 메소드를 사용하면 undef..