728x90 반응형 자바스크립트23 Javascript 엘리베이터 동작 시뮬레이션 자바스크립트 엘리베이터 동작 시뮬레이션 먼저 위의 gif 그림을 살펴보자. 웹페이지의 중에 있는 사각형은 5층짜리 건물이다.이 건물에는 엘리베이터가 설치되어 있고 엘리베이터에서 원하는 층의 버튼을 누르면 해당층으로 이동하는 엘리베이터 시뮬레이션 프로그램인 것을 알 수 있다. html, css, javascript로 위 기능을 하는 웹프로그램을 작성해 보도록 하겠다. elevator.html 1층 2층 3층 .. 2024. 5. 28. javascript/jquery 다중 체크박스 값 가져오기 자바스크립트/제이쿼리 다중 체크박스 값 가져오기 웹 개발을 하다 보면 사용자가 여러 항목을 선택할 수 있도록 다중 체크박스를 사용하는 경우가 많죠. 예를 들어, 사용자가 선호하는 관심사를 선택하게 하거나, 상품의 특성을 여러 가지 선택할 수 있도록 하는 경우가 있습니다. 이런 경우에는 사용자가 선택한 체크박스의 값을 효율적으로 가져오는 것이 중요합니다. 이번 글에서는 jQuery와 순수 JavaScript를 활용하여 다중 체크박스의 값을 가져오는 방법을 예제를 통해 자세히 살펴보겠습니다. 두 가지 방법 모두 웹 페이지에서 사용자가 선택한 값을 배열에 저장하고, 이를 문자열로 변환하여 화면에 표시하는 예제를 통해 쉽게 따라할 수 있도록 설명해 볼게요. 먼저 jQuery를 사용하는 방법부터 설명할텐데요,.. 2024. 5. 27. 자바스크립트 배열 컨트롤 중급편 2/2 자바스크립트 배열 컨트롤 중급 편 2/2 자바스크립트에서 배열과 관련한 함수들은 다양한 작업을 수행할 수 있도록 도와준다. 이러한 함수들을 잘 활용하여 배열을 다루는 방법에 대해 알아보자. 지난 글에 이어 이번 글에서 다룰 배열 관련 함수들의 목차는 다음과 같다 배열 관련 함수들✔ slice() ✔ filter() ✔ every() ✔ isArray() ✔ findIndex() ✔ forEach() ✔ includes() ✔ lastIndexOf() slice()lice() 메서드는 배열의 일부 요소를 추출하여 새로운 배열을 반환합니다. 이 메서드는 배열의 특정 범위의 요소를 복사하여 새로운 배열을 만들어낸다. 주요 특징:1개 또는 2개의 매개변수를 받는다.첫 번째 매개변수는 추출을 시작할 .. 2024. 5. 20. 자바스크립트 배열 컨트롤 중급편 1/2 자바스크립트 배열 컨트롤 중급 편 1/2 자바스크립트의 배열은 프로그래밍에서 매우 중요한 데이터 구조이다. 배열은 여러 개의 항목을 하나의 변수에 저장할 수 있어서 데이터를 효율적으로 관리할 수 있게 해 준다. 기본적인 배열의 사용법부터 시작해서, 배열의 다양한 고급 기술들에 대해 알아보도록 하자. 배열을 다루는 다양한 메서드와 기술들을 통해 보다 효율적이고 강력한 코드를 작성하는 방법에 대해 알아보도록 하겠다. 함께 자바스크립트 배열의 매력에 빠져보자! 먼저 이번 글에서 다를 배열 관련 함수들의 목차는 다음과 같다 배열 관련 함수들✔ concat() ✔ push() ✔ unshift() ✔ pop() ✔ shift() ✔ reverse() ✔ join() ✔ sort() ✔ indexOf() .. 2024. 5. 19. Javascript 배열 선언 예제 자바스크립트 배열 선언 예제 오늘은 웹 개발에서 빼놓을 수 없는 중요한 개념 중 하나인 자바스크립트 배열에 대해 알아보도록 하겠다. 배열은 데이터를 효율적으로 관리하고 처리할 수 있게 해주는 강력한 도구로, 자바스크립트에서 매우 빈번하게 사용된다. 이 글에서는 배열의 기본적인 사용법부터 시작해, 배열을 다루는 다양한 방법을 쉽게 이해할 수 있도록 안내해 드리도록 하겠다. 자바스크립트 배열의 기초를 탄탄히 다져서, 더욱 효율적이고 깔끔한 코드를 작성해 보도록 하자. 이번 글에서 알아볼 javascript 배열의 기본적인 내용은 다음과 같다.배열의 기본 예제배열을 사용하는 이유배열의 선언배열 값 가져오기배열 값 변경하기배열의 길이배열에 데이터 추가하기 자바스크립트 배열 기본 예제 const n.. 2024. 5. 18. Javascript Date 객체 예제 자바스크립트 Date객체 예제 자바스크립트에서 날짜와 시간을 다루는 객체로 Date 객체가 있다.Date 객체는 날짜, 시, 분, 초 등의 시간값을 가지고 있는 오브젝트이다.자바스크립트에서 날짜나 시간에 관련된 작업이 필요할 때에는 반드시 사용되는 객체이므로 반드시 숙지해 놓아야 한다. Date객체의 기본 예제기본적으로 Date 객체의 선언은 const d = new Date();와 같이 한다.위와 같이 선언하고 화면에 날짜와 시간을 출력해 보자. 자바스크립트 Date 객체 위 코드를 브라우저에서 실행 시 아래와 같은 결과를 얻을 수 있다. 기본적으로 JavaScript는 브라우저의 표준 시간대를 사용하며 날짜를 전체 텍스트 문자열로 표시한다. Date 객체의 생성 Date 객체를 생성하는 .. 2024. 5. 17. 이전 1 2 3 4 다음 728x90 반응형
