분류 전체보기(278)
-
JQuery 문법
1. id문법 - $(document).ready(function(){ -> 문서에서 어떠한 행동을 할 준비가 됨 $("#id명 or .class명 or 태그명").click(function(){ -> id명 or class명 or 태그명을 클릭했을 때 할 동작 동작에 관련된 코드 작성 })})2. 이벤트리스너 문법 (onclick, keyon, onchange 등)function 이벤트리스너에작성한이름(){ $("#아이디명").기능작성();}3. 다른 아이디 값에서 원하는 태그를 선택할 때 사용하는 문법 $("id명 태그명") 선택자(함수) 관련 문법1. css() 선택 사용 $("태그명 or #id명 or .class명").css("서식");2. toggle..
2024.05.23 -
jQuery 사용 방법
JQuery란 : 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈소스 기반의 자바스크립트 라이브러리사용 방법1. 다운로드 : jQuery 홈페이지에서 다운로드 https://jquery.com/ => 제이쿼리 다운로드하기 다운로드 화면으로 넘어간 후 코드들을 다른 이름으로 저장 -> 쓰기 편한 폴더에 저장2. CDN(Content Delivery Network) : 주소 참조 활용
2024.05.23 -
정규표현식
정규표현식(Regular Expression, RegExp) - 정규표현식(또는 정규식)- 특정한 규칙을 가진 문자열 집합을 표현하는 데 사용하는 형식 언어- 입력된 문자열에 대한 특정 조건 검색, 일치여부 판단, 조건문을 간단히 처리할 수 있음 정규표현식 생성 방법1. const regExp = /^정규표현식$/; /^ : 정규표현식 시작 $/ : 정규표현식 종료2. const regExp = new RegExp("정규표현식"); 문자열 패턴 확인1. regExp.test(문자열) - 문자열에 정규표현식과 일치하는 패턴이 있을 경우 true, 없으면 false 반환2. regExp.exec(문자열)- 문자열에 정규표현식과 일치하는 패턴이 있을 경우 처음 매칭되는 문자열 반환. 없으면 n..
2024.05.23 -
JS 실습 - 클릭한 숫자 기록하기 2024.05.22
-
for문 in, of
for ( of ) {} : 태그를 돎 ex)123456789 const numbers = document.getElementsByClass("number");for (let item of numbers) {} for ( in ) {} : 키를 기반으로 반복 ex)const human = {1번:김상호, 2번:이상호, 3번:삼상호};for (let key in human){}
2024.05.22 -
JS 실습 - 유효성검사 2024.05.22