728x90 반응형 전체 글118 Javascript 벽돌깨기 게임 소스 공유 자바스크립트 벽돌깨기 게임 소스 어릴 때 아케이드 게임에서 즐겼던 '벽돌깨기' 게임 기억하시나요? 별돌깨기 게임은 정말 단순하지만 중독성이 강해서 재미있었죠. 오늘은 그런 추억을 떠올리며, HTML, CSS, JavaScript를 활용해서 직접 벽돌깨기 게임을 만들어 보았습니다.이 게임은 500px × 600px 크기의 캔버스에 200개의 무작위 색상 벽돌이 쌓여 있어요. 각 벽돌을 깨면 다른 점수를 얻을 수 있고, 공이 바닥에 닿으면 게임이 끝나죠. 키보드로 바를 움직여서 공을 튕겨 벽돌을 깨는 동작은 고전적인 아케이드 게임의 느낌을 그대로 살렸습니다.각 벽돌의 색깔마다 다른 점수를 획득할 수 있고, 점수가 올라갈 때마다 공의 속도가 조금씩 빨라지도록 했습니다. 벽돌깨기 게임의 코드를 완성하고 .. 2024. 5. 29. MSSQL case when then else 문 예제와 활용 MS-SQL case when then else문 예제와 활용 더보기목차단순 case문의 기본구조단순 case문 예제검색 case문의 기본구조검색 case문 예제복잡한 조건과 함께 사용하기Update문에서 사용하기집계함수와 함께 사용하기case문의 활용Tip SQL Server는 데이터베이스 관리 시스템(DBMS) 중 하나로, 다양한 기능을 통해 효율적이고 복잡한 데이터 처리를 가능하게 합니다. 그중에서도 CASE 문은 SQL Server에서 정말 강력한 도구입니다. CASE 문을 사용하면 조건에 따라 서로 다른 값을 반환하거나 다양한 논리를 구현할 수 있어요. 이를 통해 데이터베이스 쿼리를 보다 유연하고 직관적으로 작성할 수 있습니다.CASE 문은 조건부 논리를 SQL 쿼리 내에 삽입하여, 데.. 2024. 5. 28. Javascript 엘리베이터 동작 시뮬레이션 자바스크립트 엘리베이터 동작 시뮬레이션 먼저 위의 gif 그림을 살펴보자. 웹페이지의 중에 있는 사각형은 5층짜리 건물이다.이 건물에는 엘리베이터가 설치되어 있고 엘리베이터에서 원하는 층의 버튼을 누르면 해당층으로 이동하는 엘리베이터 시뮬레이션 프로그램인 것을 알 수 있다. html, css, javascript로 위 기능을 하는 웹프로그램을 작성해 보도록 하겠다. elevator.html 1층 2층 3층 .. 2024. 5. 28. MSSQL 개별 테이블 사용 용량 확인하는 방법 MSSQL 개별 테이블의 디스크 사용 용량 확인하기 데이터베이스 관리자 여러분 주목하세요.이번 글은 MS-SQL 서버에서 개별 테이블의 디스크 사용 용량을 확인하는 다양한 방법을 소개해 드리려고 합니다.효율적인 시스템 운영과 성능 최적화를 위해서는 정기적으로 테이블의 디스크 사용량을 모니터링하는 것이 중요해요. 특히 데이터의 양이 늘어나면서 테이블 크기도 점점 커지고 있기 때문에, 각 테이블이 얼마나 많은 디스크 공간을 차지하고 있는지 파악하는 것이 중요합니다.이를 통해 시스템 성능을 유지하고, 저장소 비용을 관리하며, 용량 확장이 필요한 시기를 적절히 판단할 수 있습니다.오늘은 SQL 쿼리를 사용한 기본적인 방법부터 시스템 저장 프로시저와 동적 관리 뷰를 활용하는 방법까지 다양한 접근법을 소개해 드.. 2024. 5. 27. javascript/jquery 다중 체크박스 값 가져오기 자바스크립트/제이쿼리 다중 체크박스 값 가져오기 웹 개발을 하다 보면 사용자가 여러 항목을 선택할 수 있도록 다중 체크박스를 사용하는 경우가 많죠. 예를 들어, 사용자가 선호하는 관심사를 선택하게 하거나, 상품의 특성을 여러 가지 선택할 수 있도록 하는 경우가 있습니다. 이런 경우에는 사용자가 선택한 체크박스의 값을 효율적으로 가져오는 것이 중요합니다. 이번 글에서는 jQuery와 순수 JavaScript를 활용하여 다중 체크박스의 값을 가져오는 방법을 예제를 통해 자세히 살펴보겠습니다. 두 가지 방법 모두 웹 페이지에서 사용자가 선택한 값을 배열에 저장하고, 이를 문자열로 변환하여 화면에 표시하는 예제를 통해 쉽게 따라할 수 있도록 설명해 볼게요. 먼저 jQuery를 사용하는 방법부터 설명할텐데요,.. 2024. 5. 27. HTML+CSS 드롭다운 메뉴 튜토리얼 HTML+CSS 드롭다운 메뉴 튜토리얼 웹 페이지에서 네비게이션 메뉴는 사용자의 여정을 안내하는 매우 중요한 요소입니다. 방문자들이 웹사이트를 탐색할 때, 메뉴의 구조와 사용성은 전반적인 사용자 경험에 큰 영향을 미치게 됩니다. 메뉴가 직관적이고 사용하기 편리하다면 사용자들은 원하는 정보를 쉽게 찾을 수 있겠지만, 그렇지 않다면 사용자 만족도가 떨어질 수밖에 없죠. 이번 튜토리얼에서는 HTML과 CSS를 활용하여 드롭다운 메뉴를 구현하는 방법을 자세히 살펴보겠습니다. 드롭다운 메뉴는 메인 메뉴 아이템을 클릭하면 하위 메뉴가 펼쳐지는 형태로, 제한된 공간에서도 다양한 메뉴 옵션을 제공할 수 있어 사용자 경험을 크게 향상시킬 수 있습니다. 이번 튜토리얼을 통해 웹 페이지의 네비게이션 메뉴의 기본적인 구.. 2024. 5. 26. 이전 1 ··· 6 7 8 9 10 11 12 ··· 20 다음 728x90 반응형
