web developer👩🏻‍💻

아이디 저장 아이디 찾기 비밀번호 찾기 쿠키(Cookie)를 이용한 ID 기억하기 예제 화면 아이디 기억하기 구현방법 1 인터넷에서 범용적으로 돌고 있는 예제이다. 쿠키를 7일 동안 심거나 쿠키를 가져오거나 삭제한다. $(document).ready(function(){ // 저장된 쿠키값을 가져와 gbsb.tistory.com [JQuery] 쿠키로 아이디 저장하는 방법!! 쿠키로 아이디를 저장하고 아이디를 지우는 방법에 대해 포스팅해보겠습니다. 흔히 말하는 로그인할때 아이디저장 기능입니다. 보통 아래 화면처럼 되어있죠~ 아이디 저장하는 방법에는 여러 chobopark.tistory.com

addEventListener()는 document의 특정요소의 event를 실행할때 사용한다. 대상객체.addEventListener('event 이름', fuction 이름); 자주 사용하는 event들 click 마우스 버튼을 클릭하고 버튼에서 손가락을 떼면 발생 mouseover 마우스를 HTML요소 위에 올리면 발생 mouseout 마우스가 HTML요소 밖으로 벗어날 때 발생 mousedown 클릭을 하기 위해 마우스버튼을 누르고 아직 떼기 전인 그 순간, HTML요소를 드래그할 때 사용 mouseup 마우스버튼을 떼는 그 순간, 드래그한 HTML요소를 어딘가에 놓을 때 사용 mousemove 마우스가 움직일때마다 발생 focus HTML요소에 포커스가 갔을때 발생 blur HTML요소가 포커스..

Date(); - 세계 표준 형식(ISO 8601)으로 보인다. var date = new Date(); toString(); console.log(date.toString); Thu Jun 03 2021 16:42:09 GMT+0900 (대한민국 표준시) toJSON(); console.log(date.toJSON()); 2021-06-03T07:46:57.961Z toISOString(); - 표준시에 따라 ISO 8601 형식으로 주어진 날짜를 나타내는 문자열 console.log(date.toISOString()); 2021-06-03T07:46:57.961Z - 올해의 년도만 알고 싶을 땐? var year = new Date().toISOString().substring(0,4).replace..

$(this).parent().parent().index(); aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa bbbbb aaaaa bbbbb click!! aaaaa bbbbb aaaaa bbbbb click!! aaaaa bbbbb aaaaa bbbbb click!! aaaaa bbbbb aaaaa bbbbb click!! $(this).parent(); - td $(this).parent().parent(); - tr $(this).parent().parent().index(); - tr의 인덱스 값

keypress event 입력할 수 있는 키보드를 눌렀을때 실행 (한글 x, 영문 o) keyup event 누른 키에서 손을 뗄 때 실행. keydown event 키보드에 어떠한 키가 눌려도 실행 textarea 글자 수를 count 하기위해서 keyup event 사용. 참고 : https://zinee-world.tistory.com/237

dataset dataset은 특정한 데이터를 DOM 요소에 저장할 수 있다. 데이터 속성은 'data-'로 시작해야 한다. 장점 : 태그에 hidden으로 데이터를 숨겨두지 않아도 된다. 1. data-name 선언 (data-code, data-value 등 data-(자유롭게)) 2. id로 전체 속성 값 추출하기 3. 특정 속성 값만 추출하기 4. 데이터 속성 값 바꾸기 참고 : https://dololak.tistory.com/364

window.scrollTo( X, Y ) : 절대적인 위치 왼쪽 상단을 기준(절대 위치)으로 하여 스크롤을 이동 window.scrollTo( 200, 300 ); // 가로 스크롤 위치 값, 세로 스크롤 위치 값 window.scrollBy( X, Y ) : 상대적인 위치 현재 위치를 기준(상대 위치)으로 하여 스크롤을 이동 window.scrollBy( 200, 300 ); // 가로 스크롤 값, 세로 스크롤 값

. find() 선택된 요소 집합에서 선택자 매개변수 : selector(#id, .class), jQuery객체, element . find()와. children() 함수는 비슷하지만 다르다. . find() : 자식 및 하위 태그 모두 찾을 때 . chilidren() : 바로 아래 요소, 자식 요소만 찾을 때 1 2 3 $('ul').find('span'); //span 모두 $('ul>li:eq(0)').children('span'); //첫번째 span을 찾을때 (자식요소) $('ul').find('span:eq(2)'); //세번째 span을 찾을때 (자식 및 하위 태그 모두) $('ul').find('span:eq(2)').css('color', 'red'); 색상을 넣어 테스트. 3번째 ..

image.jsp $img = $(''); $img.on('click',function(){ //window.open(this.src); var self = this; $.ajax({ url:"../html/popupImage.html", }).done(function(result){ result = result.replace("\"src\"",self.src) result = result.replace("", ""+self.alt+"") var wnd = window.open(""); wnd.document.write(result); }); }); var self = this; self 대신 this를 사용하여 현재 객체를 참조 popupImage.html CSS Image Gallery CSS Ima..

. replace() 함수 .replace("찾을 문자열", "변경할 문자열") 확장자 제거 정규표현식 /(.png|.jpg|.jpeg|.gif)$/ . replace() 사용한 확장자 제거 정규표현식 .trim().replace(/(.png|.jpg|.jpeg|.gif)$/,''); . trim() : 문자열 앞 뒤 공백 제거 . replace() : 특정 문자 치환 / 표시 안에 넣는 텍스트의 따옴표는 없어야한다. 정해진 규칙을 사용해 모든 문자를 변환할 수도 있고 숫자만 변호나하거나 맨 처음, 맨 뒤만 변환할 수 있다.