본문 바로가기
728x90
반응형

자바스크립트23

JavaScript split 문자열 구분자로 잘라서 배열로 let str = "lemon";let result = str.split("");console.log(result); // ["l", "e", "m", "o", "n"]   JavaScript split()문자열 구분자로 잘라서 배열로 만드는 다양한 예제   JavaScript에서 문자열을 다룰 때 자주 사용되는 split() 함수는 문자열을 특정 구분자로 잘라서 배열로 변환할 때 자주 사용됩니다. split 함수는 간단한 구분자부터 정규표현식까지 다양한 방식으로 문자열을 나눌 수 있어, 텍스트 데이터 처리에 있어 매우 강력한 도구죠. 이번 글에서는 split() 함수의 기본 사용법부터 고급 사용법, 그리고 실전 응용 예제를 통해 이 함수의 다양한 활용 방법을 알아보겠습니다. 이를 통해  문자열을 더욱 .. 2024. 6. 13.
Javascript replace 함수 기본 사용법과 예제, 다양한 활용 Javascript : replace함수의 사용법, 예제, 다양한 활용     자바스크립트에서 replace 함수는 문자열에서 특정 패턴을 찾아 다른 문자열로 바꾸어주는 데 사용됩니다. 이 함수를 제대로 활용하면 문자열 처리를 더욱 고급지게 활용할 수 있습니다. 이 글을 통해 replace 함수의 활용법과 다양한 활용 예시들을 다뤄보면  보다 친숙하게 느끼실 것이라고 기대됩니다. 함께 replace 함수의 매력을 발견해보는 재미있는 여정이 되어 보실까요?    replace 기본 사용법replace 함수는 두 가지 인수를 받습니다.교체할 부분(문자열 또는 정규식)교체할 새로운 문자열replace 함수의 문법은 다음을 참고해 주세요.string.replace(searchValue, newValue) sea.. 2024. 6. 2.
Javascript 체크박스 모두 체크 및 해제 Javascript  체크박스 일괄 체크 및 해제   체크박스는 웹 페이지나 웹 애플리케이션에서 다양한 형태의 데이터 필터링이나 선택 기능을 구현할 때 사용할 수 있습니다. 여러 항목 중에서 사용자가 원하는 항목을 선택하거나 선택 해제할 수 있는 기능을 구현할 때 사용할 수 있습니다이번 포스팅에서는 자바스크립트로 여러개의 체크박스를 한 번에 모두 선택하거나 한 번에 모두 선택을 해제하는 기능을 알아보도록 하겠습니다.    자바스크립트로 여러 체크박스 모두 체크 및 해제하기  Checkbox 1 Checkbox 2 Checkbox 3 Checkbox 4 Checkbox 5 모두 체크 모두 언체크  모든 체크박스를 체크 선택하기// 모든 체크박스를 선택하기fun.. 2024. 5. 31.
로또 645 1등 당첨 예상번호 생성기 소스 로또 645 1등 당첨 예상번호 생성기 소스   이번 주 로또 1등에 당첨되면 얼마나 좋을까요? 주말이 다가올 때마다 로또 복권을 사며 막연한 기대감을 가지곤 합니다. 필자도 어제 로또를 5게임 구매했습니다. 그러나 실제로 당첨 번호를 맞추는 일은 생각만큼 쉽지 않은 것 같습니다. 그렇다고 포기할 수는 없죠! 그래서 오늘은 여러분과 함께 로또 번호 생성기를 만들어 보려고 합니다. 이 생성기는 과거의 1등 당첨 번호를 제외하고 새로운 번호를 생성하는 기능이 탑재되어 있습니다. 과거의 당첨 번호를 배제함으로써 조금이라도 당첨 확률을 높여보자는 소망이 담겨 있습니다. 설마 과거에 당첨된 1등 번호가 또 당첨되지는 않겠지요? HTML, CSS, JavaScript를 이용해 간단하게 구현할 수 있는 이 로또 번호.. 2024. 5. 31.
Javascript 두더지게임 소스 자바스크립트 두더지게임 소스    게임 개발에 관심 있는 여러분! 오늘은 정말 재미있고 쉬운 두더지 게임을 함께 만들어볼까 합니다.두더지 게임은 아마 여러분도 한 번쯤 오락실에서 해보셨을 거예요. 상자의 뚫려진 구멍에 무작위로 나타나는 두더지를 빨리 클릭해서 점수를 얻는 게임이죠. 이 게임은 우리의 반사 신경을 테스트하고, 스트레스도 풀어주는 정말 재미있었던 히트 게임이죠.이번 튜토리얼에서는 HTML, CSS, JavaScript를 사용해서 브라우저에서 돌아가는 두더지 게임을 만들어보겠습니다.이 프로젝트를 통해 여러분은 웹 개발의 기본 요소들을 배우고, 이를 조합해서 실제로 작동하는 게임을 만들어볼 수 있습니다. 특히 자바스크립트로 게임 로직을 구현하고, 사용자와 상호작용하는 방법도 알 수 있습니다. 게.. 2024. 5. 30.
Javascript 벽돌깨기 게임 소스 공유 자바스크립트 벽돌깨기 게임 소스   어릴 때 아케이드 게임에서 즐겼던 '벽돌깨기' 게임 기억하시나요? 별돌깨기 게임은 정말 단순하지만 중독성이 강해서 재미있었죠. 오늘은 그런 추억을 떠올리며, HTML, CSS, JavaScript를 활용해서 직접 벽돌깨기 게임을 만들어 보았습니다.이 게임은 500px × 600px 크기의 캔버스에 200개의 무작위 색상 벽돌이 쌓여 있어요. 각 벽돌을 깨면 다른 점수를 얻을 수 있고, 공이 바닥에 닿으면 게임이 끝나죠. 키보드로 바를 움직여서 공을 튕겨 벽돌을 깨는 동작은 고전적인 아케이드 게임의 느낌을 그대로 살렸습니다.각 벽돌의 색깔마다 다른 점수를 획득할 수 있고, 점수가 올라갈 때마다 공의 속도가 조금씩 빨라지도록 했습니다.   벽돌깨기 게임의 코드를 완성하고 .. 2024. 5. 29.
728x90
반응형