728x90 반응형 javascript13 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 자바스크립트 배열 컨트롤 중급 편 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. Javascript 현재 날짜와 시간을 구하는 방법 자바스크립트로 현재 날짜와 시간 구하기JavaScript를 사용하여 현재 날짜와 시간을 구하는 방법에 대해 알아보겠습니다. JavaScript에서는 내장된 Date 객체를 활용하여 간단하게 현재 날짜와 시간을 얻을 수 있습니다. Date 객체를 사용한 현재 날짜와 시간 구하기JavaScript의 Date 객체는 현재의 날짜와 시간 정보를 제공합니다. 다음은 Date 객체를 사용하여 현재 날짜와 시간을 구하는 예제입니다:let currentDate = new Date();let year = currentDate.getFullYear();let month = currentDate.getMonth() + 1;let day = currentDate.getDate();let hours = currentDat.. 2023. 11. 1. 이전 1 2 3 다음 728x90 반응형
