728x90 반응형 JavaScript 시리즈☕45 정규 표현식(Regular Expression) 정규식(Regular Expression) 은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용된다. 1. 정규표현식 어디서 봤을까..? 대표적으로 입력칸에 전화번호나 이메일을 입력하라고 했을때 옳지 않은 값을 입력하면 정규표현식에 의해 필터링되어 걸러져 경고창을 띄우는 화면!을 본적이 있을 것이다. 2. 정규표현식 왜 쓰는 걸까? 이 처럼 반복문과 조건문을 사용해야 할 것 같은 복잡한 코드도 정규표현식을 이용하면 매우 간단하게 표현할 수 있으며, 주로 다음과 같은 상황에서 굉장히 유용하게 사용된다. 3. 정규표현식 언제 (유용하게) 사용될까? > 각각 다른 포맷으로 저장된 엄청나게 많은 전화번호 데이터를 추출해야 할 때 > 사용자가 입력한 이메일 휴대폰 번호, ip 주소등이 올바른지 검증하고 싶.. 2023. 9. 22. key 이벤트 [keydown, keypress, keyup 정리] keydown: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨. [ 어떤 키가 눌러지더라도 반응 ALL] keypress: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨. [입력이 반영되는 키만 반응] keyup: 누른 키에서 손을 뗄 때 실행. 그렇다면 keydown 과 keypress 가 같은 기능일까? > 아니다. keypress 는 입력할 수 있는 키보드를 눌렀을때 에만 반응한다. 예를 들어 한글 입력,방향키,delete키와 같은 즉시 text에 입력이 반영되는 키보드가 아닌 것에는 이벤트가 반응하지 않는다. 반면에 keydown 은 키보드의 어떤 키가 눌러지더라도 반응한다. key 이벤트 동작 순서 [ keydown -> keypress -> keyup ].. 2023. 9. 22. CRUD 이용해서 사용자 정보 저장 페이지 만들어보기 출력 결과 코드 # 아이디 이름 전화번호 주소 휴대폰번호 파일 미리보기 2022. 11. 20. 사진 미리보기 사이트 만들기 (HTML,JS 사용) 결과 사진 선택 전 사진 선택 후 코드 (파일명: test.html) 2022. 11. 20. 이전 1 2 3 4 ··· 12 다음 728x90 반응형
