Javascript 35
Script/Javascript 분류의 글을 최신순으로 모았어요.
- Javascript
자바스크립트 timestamp 변환 최종정리
자바스크립트 timestamp 변환 최종정리 1. 현재시간을 timeStamp 로 출력 var timestamp = new Date().getTime(); console.log(timestamp); // 결과 : 1675397128114 2. timeStamp를 Date 객체 만들기 // timestamp Date 객체로 변환 출력 var currentDate = new Date('1675397344299'); console.log(currentDate); // 결과 : Fri Feb 03 2023 13:10:05 GMT+0900 (한국 표준시) 3. timeStamp를 yyyyMMddHHmmss 로 출력 function dateFormat(date) { let month = date.getMonth()..
- Javascript
자바스크립트 초간단 엔터값 처리하기
자바스크립트 초간단 엔터값 처리하기 준비물 onkeydown 이벤트 event.keycode == 13 엔터값 방법 키보드 마지막에 있을것이라고 생각되는곳에 onkeydown 이벤트를 넣어준다. 보통 일반적으로 password 입력 하는곳에 넣어준다. 끝!
- Javascript
jquery ajax 사용방법 예제
jquery ajax 사용방법 예제 jqeury 가 뭔지도 모르는 사람도 따라할수 있게 처음부터 정리한다. 1. Jquery import 하기 jquery ajax 사용하기 위해서는 jquery를 import 해야한다. jquery 파일을 다운로드 받아서 파일형태로 import를 해도 좋고, 아래 CDN 을 이용해도 좋다. 서비스를 할 것이면, 다운로드해서 import 하고 테스트용이라면 CDN을 이용해도 문제없어 보인다. jquery 다운로드 jquery 공식홈페이지로 이동해서 다운로드 할수 있습니다. jQeury 공식홈페이지 다운로드 (클릭) 구글 CDN 사용하기 3.x snippet: 2.x snippet: 1.x snippet: 아래와 같은 코드로 html 구성이 되었다면 jquery는 사용할 준..
- Javascript
html상에서 get방식 파라미터 간단하게 처리 방법
html상에서 get방식 파라미터 간단하게 처리 방법 html상에서 파라미터를 받아 처리해야하는 상황이 있다. 자주있는 상황은 아니지만, 처리가 꼭 필요한 케이스가 있다. http://www.abcde.com/AAA.html?userId=user01&role=manager 위 같이 url path에 get방식으로 파라미터를 넘겼을때도 처리할수 있는 방법이 있을까? 컨테이너 위에서 동작하는 jsp 형태라면 아래와 같은 방식으로 처리가 가능하다 String userIId = request.getParameter("userId"); String rold = request.getParameter("role"); html에서도 가능할까?? html은 GET방식이라면 다소 제한적이지만 javascript level..
- Javascript
자바스크립트 localStorage, sessionStorage 사용방법
자바스크립트 localStorage, sessionStorage 사용방법 localStorage는 무엇이냐? 데이터를 저장하는 브라우저의 공간의 일종이라고 생각하면 된다. 페이지의 프로토콜과 URL 별로 저장이 된다. (http://www.aaa.com) 과 (https://www.aaa.com) 은 서로 별게의 localStorage를 사용하게 된다는점을 유념해야 한다. localStorage는 브라우저상에서 데이터가 직접 지우지 않는한 만료되지 않고 , localStorage와 비슷한 녀석이 sessionStorage 란 녀석이 있는데, 이 아이는 브라우저 페이지를 닫을때마다 사라진다는점이 다르다. 사용하는 방법을 알아보자 1. localStorage localStorage에 name이라는 키값에 k..
javascript html문서로드 후 이벤트 발생
javascript html문서로드 후 이벤트 발생 보통 일반적으로 jquery를 import 해서 사용중일때 아래와 같이 처리 하곤한다. $(document).ready(function () { console.log('event!!'); }); jquery를 사용할수 없고 문서를 로드후에 스크립트 이벤트를 처리하고 싶을때가 당연히 있을것이다. 그럴때는 DOMContentLoaded 이벤트를 사용하면 된다. pure javascript 에서 동작하니 참으로 좋다. document.addEventListeners('DOMContentLoaded', function () { console.log('event'); }) 브라우저 호환성은 아래와 같다. 크롬은 1버전부터 full 전체 다 지원하니, IE 9 버..
