다연이네

동영상이 재생되고 있다. 좌측 하단 버튼을 누르면 동영상을 멈추고 / 다시 재생시킬 수 있다. Your browser does not support HTML5 video. Heading Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla delectus magni recusandae ab placeat laudantium quod. Dolorum et suscipit ea! Pause 무한 스크롤 사용자가 스크롤을 끝까지 내리면 자동으로 데이터를 추가해 스크롤이 끝나지 않게 만들어주는 기능 => Ajax 통신 필요, 언제 비동기 요청을 보낼 것인지에 대한 알고리즘이 필요 * 전체 문서 높이가 스크롤 높이와 웹 브라우저 창의 높이를 더한 값과 ..

1. jquery란? ㄱ. jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. ㄴ. 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 1) HTML 문서 탐색 및 조작, 2) 이벤트 처리, 3) 애니메이션 및 4) Ajax와 같은 작업 을 훨씬 간단하게 만듭니다. ㄷ. 융통성과 확장성이 결합된 jQuery는 수백만명의 사람들이 JavaScript를 작성하는 방식을 변화시켰습니다. js보다 jquery를 많이 쓰지만, 내부적으로 js를 꼭 알고 있어야 나중에 없는 기능도 사용할 수 있다. 2. jquery 다운로드 ㄱ. 압축된 jquery 파일 (???.min.js) - 디버깅(소스맵 파일을 추가하면 가능) ㄴ. 비압축된 jquery 파일 (???.js) - 개발 또는..

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값 줄 수 없고 문자열을..