Javascript
[JQuery] JQuery 기본문법
직접 선택자 종류 사용법 설명 전체 선택자 $("*") 모든 요소를 선택 아이디 선택자 $("#아이디 명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스 명") 클래스 속성에 지정한 값을 가진 요소를 선택 요소명 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3 ... 선택n") 선택1, 선택2 .... 선택n에 지정된 요소들을 한번에 선택 인접 관계 선택자 종류 사용법 설명 부모 요소 선택자 $("요소 선택").parent() 선택한 요소의 부모 요소를 선택 상위 요소 선택자 $("요소 선택").parents() 선택한 요소의 상위 요소를 모두 선택 하위 요소 선택자 $("요소 선택 하위 요소") 선택한 요소에 지정한 하..
[js] new Date().getTime() - IOS 에서 NaN뜨는 현상 해결
프로젝트 하다 보면 new Date().getTime() 를 활용하여 시간을 구할때가 많다 윈도우에서 개발할땐 잘 뜨던 카운터가 IOS로 가면서 NaN만 리턴하는 경우가 잇다. 해결방법: 시간 규격을 "-" 에서 "/"로 바꿔 주면 된다 //const d_day = new Date("2022-05-20 17:20:00").getTime(); //수정전 const d_day = new Date("2022/05/20 17:20:00").getTime();// 수정후 setInterval(function() { const today = new Date().getTime(); const gap = d_day - today; const day = Math.floor(gap / (1000 * 60 * 60 * 24..
Date 객체와 날짜 디데이 시간 날짜 카운트 계산하기 (자동 날짜 구하기)
D-day Math Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없습니다. Math.ceil(x)인수보다 크거나 같은 수 중에서 가장 작은 정수를 반환합니다.( 당일 제외) Math.floor(x)인수보다 작거나 같은 수 중에서 가장 큰 정수를 반환합니다. (당일 포함) 자바스크립트 날짜 메소드 getFullYear() : 연도 정보를 가져옴 getMonth() : 월 정보를 가져옴(현재 월 -1 , 0 이상 11 이하). getDate() : 일 정보를 가져옴 getDay() : 요일 정보를 가져옴(일:0~토:6) getDay/getHours/getMinutes/getSecond..
Javascript 정규표현식, 이렇게 시작하자!
자바스크립트를 사용하면서 정규표현식을 한 번도 사용하지 않은 분은 없을 것입니다. 하지만 많은 분이 ‘정규표현식은 검색해서 쓰는 정도’로 “나중에 배워야지”라는 생각을 하는 듯합니다. 물론 정규표현식이라는 것이 개발하면서 자주 사용되는 것도 아니고, 가독성이 좋다고 볼 수도 없기 때문에 패턴을 외우지 않으면 사용하기 어려워 공부를 미뤄오신 분이 많을 것으로 봅니다. ‘무조건 배워야 해!’ 보다는 조금 더 쉽게 배울 방법에 대해서 고민해 보고자 이 문서에 정리해 보았습니다. 정규표현식을 처음 시작하시는 분들에게 도움이 되었으면 합니다. 정규표현식 with JavaScript 정규표현식이란 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어(패턴)입니다. 간단한 문자 검색부터 이메일, 패스워드 검사..
JavaScript 실습 필기 함수Function
WEB Console 창을 이용하여 모든 a태그 가져오기 consonle창에 > document.queryselectorAll('a') 검색 > document.queryselectorAll('a') 검색 >(4) [a,a,a,a] >(4) [a,a,a,a] 검색결과:노드리스트를 받을수잇음, 배열이라고 생각하면됨 var alist = document.queryselectorAll('a'); console.log console.log(alist[0]); 위결과를 alist라는 변수에 담는다 줄바꿈(Shift+Enter) console.log 를 사용하면 괄호안에 잇는 내용이 콘솔창에 출력된다 첫번째 태그 출력 >> HTML -length를 사용 하면 몇개의 a태그를 찾앗는지 출력된다 var alist = ..
Javascript 실습 필기 반복문 Loop & 배열 Array
배열에서 각각의 항목들을 원소(element)라 부른다 var coworkers = ['egoing','leezche','duru','mika','graphittie'] Coworkers라는 배열에 잇는 원소들을 하나씩 불러와 나열한다 -i라는 변수에 0이란 값을 넣어준다 -i의 값이 4보다 작을때 true -Loop 돌때마다 i값에 1씩 플러스 해준다 coworkers[i]+ 배열에서 데이터를 가져올땐 대괄호[]를 쓴다, 대괄호[] 안에는 가져오고자하는 데이터의 인덱스 값[i]을 넣는다 데이터가 바뀐다구 로직이 바껴선 안된다 length를 이용하여 배열안에 잇는 원소의 개수를 불러온다 리스트에 링크 삽입 var i = 0; while(i < coworkers.length){ document.write(..
Javascript 실습 필기
Javascript 자료: 손쉬운 사용: 주석처리 : Ctrl+? Javascript 체험기 내용 바꾸기 안녕하세요 올떄메로나 document웹문서 .의 get:가져오다 Element:요소 ById:id에 의해서 innerHTML:내부 HTML , 내부 요소 = : 대입 웹문서 ID=hello인 HTML요소 가져와 내부 글자 안녕으로 바꿔줘. JavaScript 추천 검색어 document: 웹페이지 태그 삭제 혹은 자식태그 추가 DOM:document객체에서 찾을수 없다면 DOM으로 수색범위 넓혀 보세요 document객체는 DOM객체의 일부 window객체:웹페이지가 아니라 웹브라우저 자체를 제어해야할때"현재 열려잇는 웹주소가 뭔지 알아내야 될수 잇고 생창을 열어야 한수도잇고 웹브라우저의 크기를 자바..