23_10_24 JS공부정리

[코딩애플] 기초모듈

 

-input event와 change event

input : 한글자 입력할때마다 발생하는 이벤트

change : input창에 입력후 focus가 해제될때 발생하는 이벤트

 

document.getElementById('email').addEventListener('input', function(){

    console.log('안녕')

}); //input 이벤트

 

document.getElementById('email').addEventListener('change', function(){

  console.log('안녕')

}); //change 이벤트

 

-숫자.toString() : 숫자를 문자열로 바꿔주는 메서드

-문자.substr(시작위치, 길이) : 시작위치에서 길이만큼 문자열을 잘라서 반환하는 함수

 

-삼육구게임 코드

function 삼육구게임(number) {

    const str = number.toString();

    const last = str.substr(-1); //맨마지막 문자를 반환

    if(last == '3' || last == '6' || last == '9') {

        console.log('박수')

    } else {

        console.log('통과')

    }

}

 

-var,let,const의 차이

선언 : var 변수

할당 : 변수 = ~~~

 

-document.querySelector/ setTimeout() / alert() 이런 것들을 웹브라우저API라고함.

 

-정규표현식

문자열.includes('문자') : '문자'가 문자열에 포함되어있는지 확인.

'abc'.includes('a') //true

*하지만 문자열을 구체적으로 검사할 순 없음 => 정규표현식 사용

 

/검사할문자/.test('문자열') : 검사할문자가 문자열안에 있는지 검사

/a/.test('abc') : a라는 문자가 'abc'에 있는지 검사

 

/[범위]/.test('문자열') : 범위안의 문자중 문자열에 하나라도 있으면 true

/[a-z]/.test('abcd') : a~z중 하나라도 'abcd'에 있는지 검사 //true

/[A-Z]/.test('abcd') : A~Z중 하나라도 'abcd'에 있는지 검사 //false (대소문자구분)

/[a-zA-z]/.test('abcd') : 아무알파벳 중 하나라도 'abcd'에 있는지 검사 //true

/[ ㄱ-ㅎㅏ-ㅣ가-힣 ]/.test('abcd') : 한글 중 하나라도 'abcd'에 있는지 검사 //false

/[0-9]/.test('zxc1') : 0부터 9까지 하나라도 'zxc1'에 있는지 검사 //true

 

/\S/.test('z') : 아무문자 1개가(\S) 하나라도 'z'에 있는지 검사 //true

/\S/.test()

^기호는 특정 문자로 시작하는지를 검사할 수 있음

/^ab/.test('abc') : 'abc'가 'ab'로 시작하는지 검사 //true

 

$기호는 특정 문자로 끝나는지를 검사할 수 있음

/ca$/.test('abca') : 'abca'가 'ca'로 끝나는지 검사 //true

 

|는 or기호이다

/a|b/.test('aaa') : 'aaa'가 'a' 또는 'b'가 포함되어잇는지 검사 //true

/^(a|b)/.test('cba') : 'cba'가 'a' 또는 'b'로 시작한느지 검사 //false

 

이메일을 정규식으로 표현

/\S+@\S+\.\S+/.test('aaa@bbb.ccc')

: 'aaa@bbb.ccc'가 '아무문자1개반복@아무문자1개반복.아무문자1개반복'인지 검사 //true

*정규식에서 .은 특수한 문법이기 때문에 문자열 . 은 \.으로 입력해야함.

*+는 바로 왼쪽의 문자열을 반복해서 검사함.

* (완벽한건 아님- 완벽한건 구글에 이메일 정규표현식 검색)

 

-정규표현식을 눈으로 확인할 수 있는 사이트

https://regexr.com/

RegExr: Learn, Build, & Test RegEx