다연이네

Tags: 검색어 : 검색어 자동 완성 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . jQuery로 수정

쿠키(Cookies) 1. js -> 쿠키 생성 : 사용자가 (어떤 의도에 의해) 본인 PC(컴퓨터)에 [텍스트 파일]로 저장한 데이터 (사용자 정보 등 / 장바구니) 2. 상태 저장 방법으로 클라이언트 측에 저장하는 방법 : 쿠키 3. document.cookie 속성으로 [js 쿠키 관리] 4. 형식 : name="nameValue"; 쿠키명 (필수) expires="expireDate"; 만료시점 (선택) 설정 안하고 브라우저 닫으면 쿠키는 삭제됨 path="pathHolders"; 경로 (선택) domain="domainName"; 도메인 (선택) localhost secure 보안 (선택) JSP(서버)에서 쿠키 관리 버튼으로 모든 쿠키 정보를 확인할 수 있고, 쿠키를 생성할 수 있고, id를 ..

- 모달 : 새 창을 닫기 전까지 그 뒤의 창을 이용할 수 없음 - 모달리스 : 새창과 관계없이 뒤의 창을 이용할 수 있음 Open 버튼을 누르면 새로운 화면이 열린듯 위에서 배경이 회색이 되고 스르르 화면이 내려오고, x버튼이나 뒤의 회색부분을 누르면 다시 돌아간다. Open Modal × Modal Header Lorem ipsum dolor sit. Lorem ipsum dolor sit. Modal Footer jquery로 변경하기 HTMLDivElement와 jQuery객체는 비교가 불가능하다. event.target == $("#myModal") 불가능 event.target == $("#myModal").get(0) 가능 $(event.target).is("#myModal") 가능 (is는..

1. alert() 2. confirm() 3. prompt() 마우스 좌측 클릭시 클릭한 해당 위치를 가운데 삼아 랜덤으로 이미지가 발생한다. 마우스 우측 클릭시 해당 이미지가 삭제되고, 마우스 휠을 클릭하면 모든 이미지가 삭제된다.

js BOM (Browser Object Mode) 객체(Object) - 브라우저가 제공 1) Window객체 2) Screen 객체 3) Location 객체 4) Navigator 객체 5) History 객체 1) Window 객체 최상위 객체 -브라우저 창 객체 ㄱ. 브라우저 창 ㄴ. 모든 전역 js객체, 변수, 함수는 자동으로 window 객체의 멤버이다. window.open() window.close() 창 열기 창 닫기 ex04_03.html window.moveXX() 현재 창 이동 window.resizeXX() 현재 창 크기 조절 XX : To면 절대, By면 상대 절대위치 moveTo() 상대위치 moveBy() 절대크기 resizeTo 상대크기 resizeBy 창 흔들기 창 닫기..

문제1) 하단의 버튼 클릭시 테이블의 체크박스 전체 선택/해제 문제2) 상단의 체크박스 클릭시 테이블의 체크박스 전체 선택/해제 문제3) 체크 박스에 체크를 한 후 버튼을 누르면 하단에 체크된 사람들의 이름 출력 기본 코드 전체선택 : 1 hong seoul 2 admin seoul 4 kenik pohang 버튼 문제1. 하단의 버튼 클릭시 해당 테이블의 체크박스 전체 선택/해제 문제2. 상단의 체크박스 클릭시 테이블의 체크박스 전체 선택/해제 문제3. 체크 박스에 체크를 한 후 버튼을 누르면 하단에 체크된 사람들의 이름 출력되도록 해라 1. 내가 한 코딩 2. 강사님이 하신 코딩 -parentElement : 태그만 찾는다 -parentNode : 빈공간 등 포함 td마다 id값 줄 수 없고 문자열을..

이벤트 처리 방법 4가지 Click Me 이벤트 전파 방법 1. 이벤트 버블링 자식 -> 부모 이벤트 전달(전파) 2. 이벤트 캡쳐 부모 -> 자식 " 거의 모든 이벤트는 버블링 됩니다. JavaScript addEventListener() Bubbling: Click me! Capturing: Click me! 1번에 해당하는 공간을 클릭하면 [IN] [OUT] 알림 2개가 연달아 뜬다. 2번에 해당하는 공간을 클릭하면 [OUT] 알림만 뜬다. 버블링을 없애고싶다면 ? e.stopPropagation(); 추가 (전파 멈추기) - jQuery document.getElementById("myP1").addEventListener("click", function(e) { alert("IN"); e.sto..

1. js 컬렉션 elements / forms / arguments / options /links / images등등 뒤에s가 붙으면 컬렉션(~의 집합)이라고 생각하자 Name : Age : Email : 확인 form.elements.length 컬렉션의 개수 (버튼 몇개 input 몇개) 2. DOM 1. DOM 정의 : 문서에 엑세스하기 위한 표준을 정의 2. Document Object Model의 약자 3. W3C DOM 종류 ㄱ. Core DOM :모든 문서 유형에 대한 표준 ㄴ. XML DOM :xml문서 ㄷ. HTML DOM :html문서 4. html DOM을 배워서 어디에 사용하냐 ? ㄱ. html 요소에 Access해서 내용 변경 ㄴ. html 요소에 Access해서 스타일 변경 ㄷ..