숲이 아닌 바다이던가

46-1. jQuery 1. 이벤트 이벤트 핸들러(이벤트 발생 시 실행될 코드) 연결 방법 종류 * 방법 1. 이벤트 메소드를 통한 연결 $('선택자').이벤트메소드(function(){ 에빈트 발생 시 실행할 내용; }) 클릭해보세요! * 방법 2. on메소드를 호출하는 방법 [ 표현법 ] $('선택자').on('이벤트명', function(){ 이벤트 발생 시 실행할 내용; }); 마우스로 클릭도 해보고 올려도보고 * 방법 3. on메소드를 쓰는 방법 ***** [ 표현법 ] $('상위요소선택자').on('이벤트명', '하위요소선택자', function(){ 이벤트 발생 시 실행할 내용; }); h4요소를 클릭해보세요. h5요소를 클릭해보세요. * 동적으로 만들어진 요소에 이벤트 적용 기존에 존재하는..

1. content영역관련메소드 content 영역관련 메소드 ************ html('문구') : innerHTML 속성과 관련된 메소드 선택된 요소의 content영역(여는태그와 닫는태그 사이)을 리턴해주거나 또는 변경해주는 메소드 - $('선택자').html() : 선택된 요소의 content영역의 값을 반환해줌 - $('선택자').html('문구') : 선택된 요소의 content영역의 값을 해당 문구로 바꿔줌 => 이 때 HTML태그를 인식 O 네이버로 * text('문구') : innerText속성과 관련된 메소드 선택된 요소의 content영역의 텍스트만 리턴해주거나 변경해주는 메소드 - $('선택자').text() : 선택된 요소의 content영역을 반환해줌 - $('선택자')...

1. 기본선택자 기본선택자 * 아이디 선택자 현재 이 HTML문서에서 고유한 아이디 속성값을 가진 요소 단 하나만을 선택할 때 사용 ID1 ID2 * 태그 선택자 해당 태그요소를 전부 다 선택하고 싶을 때 사용 Java Oracle JDBC HTML CSS JavaScript * 클래스 선택자 특정 클래스 속성값을 가진 요소들을 선택할 때 사용 Class1 Class2 Class3 2. 추가적인선택자 추가적인 선택자 * 자식선택자(>)와 후손선택자( ) div의 자식요소1이면서 li의 부모요소이면서 div/h3의 조상요소 div의 후손이면서 ul의 자식요소1 div의 후손이면서 ul의 자식요소2 div의 후손이면서 ul의 자식요소3 div의 후손이면서 ul의 자식요소4 div의 후손이면서 ul의 자식요소..

43-1. 정규표현식 정규표현식 정규표현식(Regular Expression : REGEX / REGEXP)이란, 특정 패턴을 가진 문자열을 찾거나 또는 찾아서 변경할 때 사용하는 형식 언어 정규표현식을 사용하면 문자열에 대해 특정 패턴 조건검사를 하거나 또는 변경할 때 복잡한 조건을 만들필요없이 간단하게 처리 가능 자바스크립트 뿐만 아니라 자바/오라클 다른 언어들에서도 사용가능 * 정규표현식 객체 생성 및 정규표현식과 관련된 메소드들 나는 정규표현식이야 * 메타문자 메타문자를 이용하여 정규표현식으로 "검색조건으로 삼을 특정 패턴"을 만들 수 있음 문자열이 해당 정규식으로 제시한 패턴에 만족하는지 => test()통해 검사하거나 replace()를 이용해서 치환 실행 * 플래그 문자 /정규표현식/ 뒤에 ..

Java Script에서는 get은 객체명.속성명이고 set은 객체명.속성명(getter)에 =(대입연산자)로 대입해주면 되는 것 같다. 42-1. 객체2 객체2 * 객체배열을 이용한 다량의 데이터 관리 확인 * 생성자 함수 new 키워드를 사용해서 객체를 생성할 수 있는 함수를 의미 (함수명을 만들 때 첫 글자를 대문자로 만듦) 실행 * Date 객체 실행 42-2. window객체 window객체 window 객체는 자바스크립트 최상위 객체 크게 BOM과 DOM으로 나뉨 - BOM(Browser Object Model) : 브라우저 창과 관련된 객체들 - DOM(Document Object Model) : HTML 문서의 요소(태그) 관련된 객체들 window객체에서 제공하는 메소드 window.op..

JS에서의 this 1. 전역변수 this. function에서window와 같은 값. => 함수에서 지역변수가 아닌 전역변수를 호출 2. 객체 자신 호출 선언적 함수 호출 시에 this를 붙이면 자기자신(요소객체)을 호출 버튼 버튼2! 버튼3! 버튼4 3. 메소드 안에서 속성값으로 또 다른 메소드 호출 시 같은 객체 내의 속성 호출 실행확인 4. 생성자 함수에서 기본생성자 5. 이벤트 타켓 jQuery에서의 this 1. 이벤트 타겟! 선택자 (요소의 타입속성값 등) - 함수를 호출한 그 $('선택자') * this로 이벤트 타겟을 호출하여 카피하면 이벤트도 복사되어 적용됨 -- 여기선 ':submit' -- 여기선 document의 각각 하위요소들

프로토타입 = 자바의 상속개념? 40-1. 배열 배열 자바스크립트에서는 변수 선언 시 별도의 자료형을 지정하지 않기 때문에 배열도!! var, let, const로 선언을 한다!! 어떤 자료형이든 상관없이 하나의 배열에 담을 수 있음! (자바의 컬렉션과 유사) 버튼~ * 배열의 선언 배열 선언 시 배열의 크기를 지정한 채로 선언하거나, 따로 크기를 지정하지 않을 수도 있음! 확인 * Array객체의 메소드 1) indexOf(찾고자하는 요소) : 배열에서 해당 요소가 위치해있는 인덱스를 반환 확인 2) concat(배열, 배열, 배열, ...) : 여러 개의 배열을 결합하고자 할 때 사용 확인 3) reverse() : 배열에 담긴 요소들을 역순으로 바꿔주는 메소드 확인 4) sort() : 배열에 담긴..

39-1. 요소접근하기(가져오기) HTML 요소 접근하기 1) 아이디속성값으로 접근하기 아이디로 접근 실습시간 2) 태그명으로 접근하기 목록1 목록2 목록3 목록4 목록5 태그명으로 접근 3) name속성 값으로 접근하기 과일 딸기 수박 멜론 블루베리 포도 사과 윈터프린스 name속성으로 접근 4) 클래스 속성명으로 접근하기 class로 접근 39-2. 변수와 자료형 변수와 자료형 변수 선언 시 var뿐만 아니라 let, const를 이용해서 선언 가능 * var, let, const 차이점 1) 변수 선언 방법 나는 변수 선언 버튼이야 ~ 2) scope(사용가능 범위) 요건 클릭이야~ * 변수 선언 위치에 따른 전역변수 / 지역변수 var 변수명; 변수명; function(){ var..

38-1. 개요 on : 이벤트 속성 자바스크립트 개요 1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행하도록 매우 빠르게 배우고 짧은 소스코드로 상화작용 하도록 고안된 언어들. 2. 자바스크립트 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 '인터프리터 방식'의 스크립트 언어 - 자바 : 컴파일 => 컴파일 단계를 거치고나서 실행되는 개념 => 오류 잡기 수월 - 자바스크립트 : 인터프리터 방식 => 컴파일 단계를 거치지않고 곧바로 실행되는 개념 3. 장단점 * 장점 요소에 이벤트가 발생했을 때 코드를 한 줄 씩 읽어나가면서 수행하기 때문에 속도가 빠름 간단한 코드작성으로 초보자가 접하기 쉬운언어(단순한구조, 원칙) 예) 접근제한자 개념 없음, 메소드 정의 시 반환형 정의 안함..

37-1. 화면 구조 잡기 37-2. footer 만들기 이용약관 | 개인정보처리방침 | 훈련비 게시 강남지원 1관 : 서울특별시 강남구 테헤란로14길 6 남도빌딩 2F, 3F, 4F, 5F, 6F 강남지원 2관 : 서울특별시 강남구 테헤란로10길 9 그랑프리 빌딩 4F, 5F, 7F 강남지원 3관 : 서울특별시 강남구 테헤란로 130 호산빌딩 5F, 6F 종로지원 : 서울특별시 중구 남대문로 120 그레이츠 청계(구 대일빌딩) 2F, 3F 당산지원 : 서울특별시 영등포구 선유동2로 57 이레빌딩(구관) 19F, 20F Copyright © 1998-2023 KH Information Educational Institute All Right Reserved 37-3. 로그인영역만들기 회원가입 | 아이디 ..