IT/JavaScript (7) 썸네일형 리스트형 정규표현식 - 비밀번호 체크 및 안전성 검사 //비밀번호 안전성 검사 var pwdValue = document.querySelector("[name='user_pwd']");pwdValue.addEventListener("change", function(evt){pwdValid = false;var pwdValueNow = pwdValue.value;var reg = {blank:/[\s]/g,lower : /[a-z]/g,upper : /[A-Z]/g,number :/[0-9]/g,special : /[!@#$%^&*()]/g}; //special 은 /W/g 입력하면 숫자,영문(대/소)을 제외한 모든 문자 의미 현재는 임의값 정해준것.//공백있으면 바로 return var blank=(pwdValueNow.match(reg['blank']) .. 정규표현식 - 아이디 체크 1. 정규식 선언 var pattern= / / ; 위와 같이 표현 . 2. 정규식 사용 pattern.test() ; 참이면 true 거짓이면 false 반환 test( )안에 비교할 값을 넣어주면 된다. 3. 4~12 자리 영 (대,소) 숫자만 입력 받기 var pattern= /^[A-za-z0-9]{4,12}$/; /^ -줄의 처음을 뜻함. $/ - 줄의 끝을 뜻함. 즉 한줄의 처음부터 끝까지를 검색 [a-z]영어 소문자 a~z까지 [A-Z]영어 대문자 A~Z까지 [0~9]숫자 0~9까지 [A-Za-z0-9]이므로 영어 대문자, 소문자, 숫자 전부를 의미 {4,12} 4~12 글자 {20} 이라고하면 그냥 20글자 ; 종합 , 영어 대, 소문자 + 숫자 4~12글자로 입력해야된다는 의미 4. 4~.. javascript-32- UI vs API 32. UI vs API alert () 경고창 메소드 같은 것이 API 이다. 프로그래머가 되기전에는 UI만 사용했다면 이제 우리는 API도 사용하게 되었다 우리는 자바스크립트에 API를 결합해 그누구도 만들지 못한 웹브라우저를 만들 수 있다 33. 수업을 마치며 이제 우리에게 필요한 것은 공부보다 실습 실습 보다 프로젝트 ! 실습에는 때가 없지만 프로젝트에는 때가 있다. 프로젝트를 만들때 팁 ! 최소한의 도구만 사용하자 ! 모든 도구를 사용할 필요는 없다 프로젝트를 진행하다 한계에 부딪힐 때 그때 공부해도 늦지 않다 그리고 그때 필요한 것이 검색! DOM / window / ajax / cookie/ offline web application / webitc /speech / webGL / webVR.. javascript-31- 라이브러리와 프레임워크 31. 라이브러리와 프레임 워크 우리는 소프트웨어를 혼자 만들 수 없다 오늘날 대부분 다른사람들이 만든 소프트웨어를 사용하여 조립하여 만든 다고 볼 수있다 library vs framework 먼저 library 내가 필요한 걸 가져 오는 느낌 framework 프레임 워크 안에 우리가 들어가서 작업하는 느낌 이 있다. 어제껀 다른 사람과 협력하는 모델이다. javascript 라이브러리중 가장 오래된 라이브러리 jQuery 이것을 사용하게되면 훨씬더 생산성이 높아진다. jQuery 자바스크립트 가장 빠르게 성장 하고 있다 그리고 많은 라이브러리들이 빠르게 쏟아지고 있다. jQuery 추가모습 See the Pen 31. 라이브러리와 프레임 워크 1 by 이승민 (@seungminlee) on CodeP.. javascript -30- 파일로 쪼개서 정리정돈하기 30. 파일로 쪼개서 활용하기 그동안 정리 정돈의 도구 함수 , 객체를 배웠다 더큰 정리 정돈의 도구를 보자. 그동안 작성했던 스크립트 를 따로 .js 파일로 만들고 추가만 시켜주면된다. ex . 그런데 웹서 버 입장에서는 파일을 두번 다운 받아야 함 .. 파일을 적게 받는게 좋다. 그럼에도 캐쉬 기능 / 즉 파일을 컴퓨터에 저장하는 기능 / 이 있기때문에 다음 부터들어올때는 파일을 또 받지 않기에 훨씬 브라우저 입장에서는 좋다고 할 수 있다. . 1번파일See the Pen 30. 파일로쪼개서 활용하기 1 by 이승민 (@seungminlee) on CodePen. 2번파일 See the Pen 30. 파일로쪼개서 활용하기 2 by 이승민 (@seungminlee) on CodePen. 3번파일 See.. javscript-29- 객체 활용 29. 객체 활용 객체의 프로퍼티 끼리 구분할때 콤마가 필요하다. See the Pen 29. 객체 활용 by 이승민 (@seungminlee) on CodePen. javascript -28- 객체 프로퍼티와 메소드 28. 객체 프로퍼티와 메소드 객체에 소속된 변수 - 프로퍼티객체에 소속된 함수 - 메소드 See the Pen 28. 객체 프로퍼티와 메소드 by 이승민 (@seungminlee) on CodePen. 이전 1 다음