우당탕탕 초보 개발자

정규표현식 정규표현식 정규표현식(REGEX / REGEXP : Regular Expression)이란 특정 패턴을 가진 문자열을 찾거나 또는 찾아서 변경할때 사용하는 형식 언어 정규표현식을 이용하면 문자열에 대해 특정 패턴 조건검사 시 또는 치환(변경)시 복잡한 조건을 제시할 필요 없이 간단하게 처리가 가능하다. 자바스크립트 뿐만 아니라 자바나 오라클 등등 다른 언어에서도 사용이 가능하다. 정규표현식 객체 생성 방법 생성자 구문으로 작성 var regExp = new RegExp("script"); //방법 1 정규식 변수를 선언 var regExp2 = /script/; //방법 2 문자열과 비교하기 RegExp 객체에서 제공하는 메소드 (정규식,메소드(문자열)) 정규식.test(문자열) : 문자열에서..

이벤트(Event) 1. 이벤트 모델의 종류 고전 이벤트 모델 인라인 이벤트 모델 표준 이벤트 모델 1-1)고전 이벤트 모델 요소 객체를 가지고 와서 해당 요소객체에 이벤트 속성에 접근한 후 이벤트 핸들러를 연결하는 방식 이벤트를 제거할 수도 있음(이벤트 속성에 null값 대입) document.getElementById()를 활용해서 해당 요소객체에 이벤트 핸들러를 연결한다(document.getElementsByName.. 등 사용가능) 버튼1 버튼1 이벤트 삭제 1-2)인라인 이벤트 모델 요소 내부에 직접적으로 이벤트 속성을 제시해서 실행할 내용을 정의하는 방식 주로 script 태그에 정의되어 있는 함수를 호출하는 방식으로 사용한다. 인라인 이벤트 모델 요소내부에 직접적으로 이벤트 속성을 제시해서..

Window 객체 Window 객체는 자바스크립트의 최상위 객체이며 크게 BOM과 DOM으로 나뉜다. BOM(Browser Object Model) : location 객체, screen 객체, navigator 객체, history 객체 DOM(Document Object Model) : document 객체 window.open() 첫번째 인자값 : 새 창에서 열고자하는 url 주소 두번째 인자값 : 창이름, 창이름이 같은게 이미 열려있으면 새롭게 열리지 않고 원래 열려있던 창에서 새로고침된다. 세번째 인자값 : 창의 특성, 새로 열릴 창의 너비, 높이, 툴바, 스크롤바, 상태표시줄 등등(브라우저마다 다르다) 예) window.open("http://www.naver.com", "네이버") 창의 특성..

객체 객체 객체 선언 및 호출 객체는 {} 중괄호를 사용해서 생성하고 중괄호 안에 이 객체를 필요로 하는 속성들을 정의한다. 속성 : 속성값의 형태로 정의한다. 속성값으로는 모든 자료형의 값을 담을 수 있다. 객체의 형태 var 변수명 = { 속성명 : 속성값, 속성명 : 속성값, 속성명 : 속성값, . . . . }; 객체 실습 대괄호를 이용해서 객체 내부 속성으로 접근 객체명["속성명"] .을 이용하여 객체 내부 속성으로 접근 객체명.속성명 객체의 속성명 제시시 공백이나 특수문자가 포함될 경우 반드시 문자열의 형태로 제시해야 한다. 객체가 가지고 있는 모든 속성들에 순차적으로 접근하고자 한다면 반복문 제시 단, for loop문으로는 불가능하고 for in문을 사용해야한다. 객체의 속성 중 함수 자료..

함수(function) 함수의 기본 형태 function 함수명(매개변수, 매개변수, . . . . ){ 해당함수 호출시 실행할 소스코드; return 결과값; } 매개변수가 없는경우 매개변수 생략 가능 반환값이 없을경우 반환값(return)도 생략 가능 함수 관련 실습 매개변수와 return값이 생략된 모습 확인 매개변수가 전달되는 함수의 모습 함수의 매개변수 확인 확인 확인 확인 확인 확인 확인 확인 함수 호출 시 전달되는 값은 내부적으로 arguments 배열에 담긴다. arguments는 모든 함수마다 내부적으로 하나씩 존재하는 배열 객체를 뜻한다. 매개변수 관련 arguments배열 함수 호출 시 전달되는 값은 내부적으로 arguments배열에 담긴다. * arguments : 모든 함수마다 내..

문자열과 숫자 문자열 관련 메소드(내장함수) toUpperCase() : ()안의 문자열을 대문자로 변환한다. toLowerCase() : ()안의 문자열을 소문자로 변환한다. indexOf() : ()안의 요소가 해당 문자열의 몇번 째 인덱스에 존재하는지 출력한다. lastIndexOf() : ()안의 요소가 해당 문자열에서 뒤로부터 몇번 째 인덱스에 존재하는지 출력한다. substring() : substring(시작인덱스), substring(시작인덱스, 개수) : 문자열을 파싱해준다. split() : () 안에 존재하는 기준으로 문자열을 잘라준다. 문자열과 숫자 문자열 관련 메소드(내장함수) 문자열 처리 메소드 숫자(수학) 관련 메소드(내장함수) 특이상황 : 모든 메소드는 Math 객체에서 받아..