JavaScript (6) 썸네일형 리스트형 [Javascript] 체크박스 전체선택/전체해제 구현 checkbox는 true/false로 checked 를 나타낸다. HTML 요소 선택자로 원하는 요소에 이벤트를 부여한뒤, 체크박스를 제어할 수 있다. example. 먼저 아래와 같은 예제 화면을 만들어본다. 제어하기 쉽게 class, id 등을 지정해준다. 제목 게시자 조회수 this is a test hong 3 hello choi 12 look at me jo 10 i love you kim 86 no jam lee 5 자바스크립트 파일 (prj101.js) window.onload = function() { start(); } 먼저 html 요소가 로드 완료되면 javascript 가 동작하도록 onload 를 걸어준다. start() 함수를 호출한다. var start = function().. [jQuery] select 태그에서 jquery 활용하기 jquery를 사용해 태그에서 선택된 요소 찾기 일단 간단히 html 을 작성한다. html 안에 스크립트 코드도 작성했다. 당신이 좋아하는 과일은? 사과 오렌지 포도 딸기 수박 콘솔 결과 선택된 과일인덱스 = 2 | 과일 = grape [jQuery] 라이브러리 설정 및 test (CDN 및 다운로드) jQuery 는 javascript 라이브러리이기 때문에 라이브러리 파일이 있어야 사용할 수 있다. 라이브러리 설정하는 방법을 알아보도록 하자. 크게 2가지 방법이 있다. 방법1. CDN (Content delivery networks) 번역하자면 콘텐츠 전송 네트워크 방식인데, 필요한 라이브러리를 인터넷으로 접속해 사용하는 방식이다. 라이브러리 파일을 저장한 서버가 지구 곳곳에 설치되어 있다. 만약 한국에서 접속한다면 한국에서 가까운 서버로 자동으로 접속해 라이브러리를 사용하게 된다. 당연히 인터넷 연결은 필수다. CDN 방식은 jQuery 사이트 및 다른 기업에서 제공하는 CDN 주소를 통해서도 연결할 수 있다. jQuery CDN 주소 ▷ jquery.com/download/ Download jQu.. [Javascript] 콜백 함수(callback function) 콜백함수란 사전을 찾아보면 콜백함수는 아래와 같이 정의된다. 1) 다른 코드의 인수로서 넘겨주는 실행 가능한 코드 2) 어떤 이벤트에 의해 호출되어지는 함수 종합해보면 다른 코드가 불러서(call) 인수값을 넘겨주면 그제서야 실행되는 함수가 콜백함수이다. 콜백함수의 구조 .특정 함수 A의 매개변수 값으로 콜백함수 callback 가 들어온다. .A 의 처리결과값이 callback의 매개값으로 주어진다. .callback 이 수행된다. 콜백함수의 사용 1) 함수의 구조적 설계 콜백함수는 주로 함수의 내부의 수행결과를 함수 외부로 보낼 때 사용하게 된다. 콜백함수를 사용하면 로직 처리 부분과 나머지 부분을 구분하는 것이 가능한데, 함수를 구조적으로 설계할 목적으로 사용한다. 함수를 구조적으로 구성하면 함수를.. 이전 1 2 다음
