우당탕탕 초보 개발자

Jquery란? html 상에서 자주 사용하는 javascript 코드를 간단하게 사용할수 있는 기능을 제공해주는 라이브러리 시작하기 태그 안에 javascript cdn을 넣어서 사용 자주쓰는 JQUERY id로 특정 태그 찾기 : $('#id') input의 입력값 가져오기 : $('#id').val() input의 입력값 셋팅하기 : $('#id').val('입력값') 특정태그 숨기기 : $('#id').hide() 특정태그 보이기 : $('#id').show() 특정 태그에 하위 태그 추가하기 : $('#id').append(tag) 특정 태그 삭제 : $('#id').remove() 특정 태그의 하위 태그 삭제 : $('#id').remove(하위 태그) 특정 태그의 모든 하위 태그 삭제 : $..

정규표현식 정규표현식 정규표현식(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", "네이버") 창의 특성..

객체 배열을 사용한 다량의 데이터 관리 객체 배열을 이용해서 student1, student2, student3, student4의 변수에 데이터를 저장하고 push() 메소드를 활용해서 students 배열에 모든 데이터를 밀어넣고 그 속에서 합계와 평균을 구해보도록 하겠습니다. 객체2 객체 배열을 사용한 다량의 데이터 관리 확인 New 키워드를 사용해서 객체를 생성할 수 있는 함수인 생성자 함수 확인 Data 내장객체 getFullYear() : 년도 getMonth() : 월 getDate() : 일 getDat() : 요일 getHours() : 시간 getMinutes() : 분 getSeconds() : 초 Date 내장객체 확인

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

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

JavaScript 배열 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 어떤 자료형의 값이 오던 한 배열에 담을 수 있다. (Java의 컬렉션과 유사) 배열의 선언(1) 형 변수이름 = [값, "값", false, [123], 50]; 이런식으로 어떤 자료형의 값이 오던 한 배열에 담아서 저장할 수 있다. 확인 배열의 선언(2) 배열선언 시 배열의 크기를 지정한 채로 선언하거나, 크기를 지정하지 않아도 된다. var arr1 = new Array(); // 배열의 크기가 0인 빈 배열 var arr2 = new Array(2); // 배열의 크기가 2인 배열 var arr3 = []; // 배열의 크기가 0인 빈 배열 배열의 활용(1) Array 객체의 메소드 indexOf(찾고자하..