728x90 반응형 vita_Programing46 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. Javascript Input 태그에 추천 입력값 보여주기 자바스크립트 Input 태그에 추천 입력값 보여주기 웹페이지에서 input 박스 태그에 정확한 입력값을 요구해야 할 경우가 있다. 정해진 입력값을 받아야 나중에 통계자료 등을 뽑아낼 때 편리하다. 보통 이런 경우에는 ~ tag를 이용하여 사용자로 하여금 선택하도록 한다. 그러나 select 태그를 사용하기에 곤란한 경우가 있을 수 있는데 이런 경우에는 form을 submit 할 때 해당 입력값을 db에서 찾아보고 있으면 true, 없으면 false로 리턴하게 하여 사용자 입력값을 정상적인 값으로 수정하게끔 유도할 수 있다. 그런데 이 form을 submit까지 진행하기 전에 입력하는 단계에서 입력값으로 적합한 value를 추천해 주도록 하면 더 좋지 않을까? 이번 글에서는 자바스크립트에서 input.. 2024. 5. 24. 자바스크립트 배열 컨트롤 중급편 2/2 자바스크립트 배열 컨트롤 중급 편 2/2 자바스크립트에서 배열과 관련한 함수들은 다양한 작업을 수행할 수 있도록 도와준다. 이러한 함수들을 잘 활용하여 배열을 다루는 방법에 대해 알아보자. 지난 글에 이어 이번 글에서 다룰 배열 관련 함수들의 목차는 다음과 같다 배열 관련 함수들✔ slice() ✔ filter() ✔ every() ✔ isArray() ✔ findIndex() ✔ forEach() ✔ includes() ✔ lastIndexOf() slice()lice() 메서드는 배열의 일부 요소를 추출하여 새로운 배열을 반환합니다. 이 메서드는 배열의 특정 범위의 요소를 복사하여 새로운 배열을 만들어낸다. 주요 특징:1개 또는 2개의 매개변수를 받는다.첫 번째 매개변수는 추출을 시작할 .. 2024. 5. 20. 이전 1 2 3 4 5 6 ··· 8 다음 728x90 반응형
