본문 바로가기

전체 글25

<javascript> 현재 날짜, 시간 출력하기 new Date() javascript에서 현재날짜를 출력하기 위해선 new Date()함수를 사용한다.new Date()를 통해 표준시간값 또는 new Date() 함수 안 임의시간값 설정을 통한 임의시간값 출력이 가능하다.new Date( ) = 표준시간값 new Date('임의 시간값 설정')=임의 시간값 See the Pen &lt;javascript&gt; 날짜설정 new Date() by 박선영 (@iglushje-the-vuer) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스현재날짜 출력 이후 원하는 값을 가져오기 위해 get함수를 이용한다.(설정값 적용시 get이 아닌 set + 형태)getFullYear( )년도getMinutes ( ) 분getMon.. 2024. 4. 30.
<javascript> 2. 배열(array) : concat(), slice(), splice(), push(), pop(), unshift(), shift(), indexOf() 오늘은 앞서 올렸던 자바스크립트 배열에 관한 추가적인 메소드들이다. concat : 배열에 두 개 이상의 요소 결합 또는 다른 배열의 결합 slice : 배열의 특정 범위 요소 선택하여 배열 재생성 splice : 배열의 요소 추가 및 제거 push/pop : 배열의 마지막 위치에 데이터 추가/제거 unshift/shift : 배열의 처음 위치에 데이터 추가/제거 indexOf/lastindexOf : 배열에서 찾는 요소의 인덱스 위치 반환 1. concat( ) : 지정된 배열에 데이터 결합 또는 다른 배열의 결합 - 배열.concat('데이터1','데이터2', ...) 또는 배열.concat(배열1,배열2,...) 등 으로 사용 HTML 삽입 미리보기할 수 없는 소스 2. slice( ) : 배열의 .. 2024. 4. 24.
<javascript> 1. 배열(array) : join(), reverse(),sort(),forEac 자바스크립트에는 배열과 관련된 여러 메소드가 있다. 오늘과 내일은 배열과 관련된 메소드들을 살펴볼까 한다. join : 배열에 저장된 모든 데이터를 문자열로 변환한 후 연결하여 출력 reverse : 배열의 데이터 순서 반대로 정렬 sort : 배열의 데이터 정렬 forEach : 배열을 반복하며 데이터 조회 1. join( ) : 배열의 데이터 연결 시 기본적으로 쉼표(,) 사용 - join('문자 또는 기호')의 형태로 쉼표대신 문자 또는 기호 등의 지정 가능 HTML 삽입 미리보기할 수 없는 소스 2. reverse( ) : 배열의 데이터 순서를 반대로 정렬 HTML 삽입 미리보기할 수 없는 소스 3. sort( ) : 배열의 데이터 정렬 1) 영문자 : 알파벳(대문자-소문자) 2) 한글 : 가나다.. 2024. 4. 23.
<javascript> keyboard이벤트(keydown-keyup-keypress) 자바스크립트의 키보드이벤트에는 keydown, keyup, keypress 이벤트가 있다. · keydown이벤트 - 사용자가 키보드를 눌렀을 때 발생 - 사용자가 키보드를 누를 때마다 한 번씩 발생하며, 눌린 키와 상관없이 발생(shift, tab등 가능) - 사용자가 키를 길게 누르고 있을 시 반복적으로 발생하지 않음 · keyup이벤트 - 사용자가 키보드를 눌렀다가 떼었을 때 발생 - keydown/keypress이후 keyup이벤트 발생 * keypress의 경우 shift, ctirl, alt 키 누르면 keypress이벤트 발생X, 그러나 뗄 경우 keyup이벤트 발생 · keypress이벤트 - 사용자가 키보드를 눌렀을 때 발생 - 키보드를 계속 누르고 있는 경우 계속 이벤트 발생 - 실제 .. 2024. 4. 16.
<javascript> Math함수 : 숫자의 반올림(round), 올림(ceil), 내림(floor), 버림(trunc), 절대값(abs) 오늘 작성해 볼 이야기는 javascript의 숫자에 대한 이야기이다. javascript는 숫자에 대해 다양한 연산 함수를 제공한다. 오늘 알아볼 javascript의 숫자함수는 아래와 같다. ·Math.round() : 반올림 ·Math.ceil() : 올림 ·Math.floor() : 내림 ·Math.trunc() : 버림(정수값) ·Math.abs() : 절대값 ·Math.sqrt() : 제곱근 ·Math.pow(a,n) : a의 n승(a의거듭제곱) ·Math.random() : 랜덤값 1. Math.round() : 반올림 HTML 삽입 미리보기할 수 없는 소스 2. Math.ceil() : 올림 HTML 삽입 미리보기할 수 없는 소스 3. Math.floor() : 내림 HTML 삽입 미리보기.. 2024. 4. 15.
<javascript & jquery> 탭메뉴 생성 앞서 간단한 CSS작업을 통한 탭메뉴 생성을 한 바 있다. 탭메뉴만들기(input태그/label태그의 활용) input태그는 사용자에게서 데이터를 받기 위해 사용되는 주태그이다. 이에 따라 다양한 속성을 가지고 있어서 상황에 맞게 사용할 필요가 있다. label태그는 input에 이름을 붙여주는 태그라고 생각 seon-xero.tistory.com 오늘은 jquery와 javascript를 활용한 탭메뉴 생성을 하려고 한다. 나의 경우 클래스추가 및 제어를 통해 탭메뉴가 이어지게 할 예정이지만 이 방법이 절대적인 것은 아니다. 제이쿼리와 자바스크립트에서의 클래스제어는 차이가 있다. 이전에 자바스크립트 관련 클래스추가 및 제어 관련 글은 작성한 적(하단에 참조로 남겨놓겠음)이 있으니 헷갈릴 경우 참고하면 .. 2024. 4. 13.

티스토리툴바