javascript13 [javascript] 문자열 포함 확인하기 /includes/match/indexOf/lastIndexOf 자바스크립트 다양한 방법으로 문자열 포함 확인하기 1. String.includes() var str = 'testofstring' str.includes('of') //true str.includes('st') //true str.includes('as') //false includes는 true/false 의 boolean 형태로 반환 해당 문자열을 포함하면 true, 없으면 false 단순하게 true, false 값만 필요할 때 사용 2. String.match() var str = 'testofstring' str.match('of') //["of", index: 4, input: "testofstring", groups: undefined] str.match('st') //["st", inde.. 2021. 4. 16. Material-UI TextField 속성 error와 JavaScript test()를 이용한 validation (유효성검사) JavaScript가 제공하는 test메서드와 TextField가 제공하는 error와 helperText를 이용하여 간단히 validation 구현 JavaScript 정규식표현을 이용한 test메서드 활용하기 let checkSpc = /[~!@#$%^&*()-=_+{}|,./?;':"]/; let checkKor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; let checkEng = /[a-z | A-Z]/; //대문자 소문자 구분 checkSpc.test('a') // false checkSpc.test('ㄱ') // false checkSpc.test('!') // true checkKor.test('a') // false checkKor.test('ㄱ') // true checkKor.test('!') .. 2021. 3. 23. javascript 브라우저 객체 모델 1. 브라우저 객체 브라우저에 내장 된 객체를 '브라우저 객체' 라고 하며, 최상위 객체는 window 이다. window 객체에는 하위 객체가 포함 되어 있다. 2. window 객체 ① open( ) 지정한 url 페이지를 새 브라우저 창에 나타낼 수 있다. open("url","새창이름", "새창옵션") window.open("http://r-0o0-j.tistory.com", 'yeriel티스토리',"width=350, height=400, left=50,top=10, scrollbars=no") 새 창의 옵션 종류 ① width : 새 창의 너비 지정 ② height : 새 창의 높이 지정 ③ left : 새 창의 위치 지정 할 때 가로 위치 설정 ④ top : 새 창의 위치 지정 할 때 세로 .. 2020. 3. 23. javascript -document 문서객체 모델 dom : 문서 객체 모델 (document object model) 문서의 정보가 담아져있다. document 라는 변수명으로 문서에 접근 할 수 있다. 1. 객체 검색 메서드 ① 아이디 검색 : getElementById('아이디명'); ② 태그명으로 검색 : document.getElementsByTagName('태그명'); -> 배열로 반환 ③ 클래스명으로 검색 : document.getElementsByClassName('클래스명'); -> 배열로 반환 ④ 속성 name의 값으로 접근 : document.네임명 (name이라는 속성은 form 객체에만 적용) 버튼 안늉 오눌은 워료일 1] 폼 하위 접근하기 document.myForm.myName; // 해당 객체에 커서 이동하기 6] form .. 2020. 3. 16. java script 객체 1. 객체(Objcet) ; 객체 = object -자바 스크립트는 객체 기반 언어이다. -객체는 메모리에 올린 데이터이다. 형체가 있는 대상, 메모리에 올라간 데이터 -기본 자료형 혹은 내장 객체(ex.배열)의 값으로 변수 생성 후 데이터 삽입시, 해당 자료형으로 활용할 수 있는 메서드와 속성이 생성된다. -> 염두는 이것을 컨트롤해서 사용만 하면 되는데.... 2. 객체의 요소 - 메서드 (Method) : - 속성 (Property) : 기본형 ① 객체. 메서드( ); ② 객체.속성; ③ 객체.속성 = 값; 3. 개발자가 직접 객체 생성하기 -객체 생성시 객체는 키와 값으로 이루어져있다. -객체의 값은 문자, 숫자, 배열, 객체, 함수 등 모든것을 포함 할 수 있다. 기본형 객체 = { 키 : 값,.. 2020. 3. 9. javascript 변수 선언 1. 변수(Variables) 변하는 데이터(값)를 저장할 수 있는 메모리 공간 변수에는 데이터가 오직 한 개만 저장 됨 2. 변수 선언 키워드 var, let, const ; 로 선언한다. const - 상수 선언시(변하지 않는 값); var, let - 변수 선언 var 변수명 ; var 변수명 = 값; var box; box = 10; box = 30; document.write(box); //최종 값이 들어가 있음 box라는 명칭으로 메모리 공간 할당; 3. 변수 선언시 주의 사항 1. 한글 사용금지 2. 숫자 첫 글자 사용 금지 3. 특수문자 사용금지($,_ 사용 가능) 4. 예약어 사용금지(예약어란 프로그램에서 자체적으로 사용하는 변수명 혹은 키워드) 4. 변수에 저장 할 수 있.. 2020. 3. 5. 이전 1 2 3 다음 728x90 반응형
