내가 보려고 쓰는 기록

문자 찾는 방법 ● '문자열'.includes('찾고자 하는 문자') 숫자가 1회 출연하냐 A로 끝나냐 한글이 들어있냐, 영어가 들어있냐 이런건 못함 -> 정규식쓰면 문자 검사 가능, /문자/ 형태를 정규식이라고 함 ● /있는지 검사할 문자/.test('검사 당할 문자열') a가 들어있냐 a~z 중 아무 글자 1개가 들어있냐 알파벳 대문자중 아무거나 한개 알파벳 전체 아무거나 한개 한글 문자 중 아무거나 한개 숫자중 아무거나 한개 \S : 아무문자 한개, \S+ : 아무문자 여러개 a로 시작하는 문자 a로 끝나는 문장 a또는 b가 있냐 이메일 형식이 있는지 없는지 확인하기 - 이메일 형태 aaa@bbb.ccc /\S+@\S+.\S+/.test('검사할문자')

● setTimeout(function(){실행할코드}, ms) → ms초 후에 특정코드 실행 1. 첫번째 파라미터 : 무조건 콜백함수(*콜백함수 자리엔 만들어둔 함수 넣을수 있음) 2. 두번째 파라미터 : 초단위(1초 = 1000, 2초 = 2000) ┗> 클래스가 alert인 1초후에 숨겨짐 ┗> 콜백함수 자리에 만들어둔 함수 넣기 ● setInterval(function(){실행할코드}, ms) → ms초 마다 특정코드 실행 ┗> ㅎㅇ라는 alert창이 2초마다 실행됨 문제) 5초~1초까지 카운트 하고 사라지기 1. x초에서 숫자를 으로 감싸기 2. 1초마다 함수 실행시키기

잠깐 자료 저장하는 변수 문법 var 변수명 = 넣을자료; 변수 만들어쓸때 3가지 개념 有 - 선언, 할당, 범위 ● var name → 선언(변수를 만들겠습니다) ● name = 'kim'; → 할당(변수명에 자료 넣겠습니다) ● name = 'park'; → 재할당(재할당은 자유) ● 함수 안에서도 변수 만들수 있음 → 범위 ex) function(){ * 함수안에서 변수만들면 사용가능 범위는 함수 내부 var name = 'kim'; } var, let, const 차이 ◆ let - 재선언X, 재할당O (변수 똑같은것 만드는것 방지) ◆ const - 재선언X, 재할당X (바뀌지 않는 값넣기 좋음) ◆ var - 재선언O, 재할당O (다 바꿀 수 있음) 변수 쓰는 이유? 1. 길고 복잡한 자료들 ..

1. 을 선택함 2.이벤트리스너로 이벤트 클릭시 함수 실행 3. input 이벤트 : 값이 변할때 change 이벤트 : 값에 입력한 값이 바뀌고 커서를 다른곳에 찍어야(포커스를 잃어야) 실행 ex) 어디에 활용? 비밀번호 입력시 6자 이상 입력해야되는데 4자 이상만 입력시 밑에 경고창 뜨게할때 사용 조건문 사용시 if문 안엔 true/false (boolean)타입 넣어야 잘 작동함 if(true/false){ } if(1=='1') : true : 타입은 안같아도 됨 -> 느슨한 비교 if(1==='1') : false : 타입까지 같아야됨 -> 엄격한 비교 if(1) -> true f(0) -> false && : and || : or

태그안에 버튼 만들때 전송버튼은 타입이 submit 일반버튼은 타입 button으로 해야 나중에 오류 없음 기억하기! 은 *서버로 유저정보 전송하려고 쓰는것임 폼 전송되면 success.html 페이지로 이동함 1.전송버튼 누렀을때 2.첫째 에 입력된게 없으면(조건문) 3.alert 띄우기 ✨조건문 쓰는 법 if(조건){조건이 참일때 실행할 코드} else{위 조건이 참이 아닐때 실행할 코드} else if 문법 : 조건식을 연달아 쓰고 싶을때, 무한히 사용 가능 ex)로그인시 아이디는 입력했는데 비번 입력안한경우 if(조건){조건이 참일때 실행할 코드} else if(조건){조건이 참일때 실행할 코드} *else if: 그게아니면 만약에

🗣 $('셀렉터')로 찾으면 jQuery 함수만 붙일 수 있음 🗣 querySelector('셀렉터')로 찾으면 자바스크립트 함수만 붙일 수 있음

🗣JavaScript → getElement ✔ getElementById(id명): id 선택 ✔ getElementsByClassName(class명)[순서] : class 선택 🗣query → querySelector(CSS문법 사용 *더 깔끔하고 가독성 좋음) ✔ querySelector(#아이디명) : id 선택 ✔ querySelector(.클래스명) : class 선택 ✔ querySelectorAll

addEventListener() - document내에 특정요소에 event를 등록할때 사용 button 마다 onclick 쓰면 코드가 지저분해지는데 addEventListener쓰면 안에서 개발 가능 풀이 : id가 close인것 click하면 function안의 코드가 실행됨 * addEventListener() 괄호 안에 파라미터 두개 입력해야됨