![]()
[ 목차 ]1. 이벤트 등록 메서드 2. 자주 사용되는 기타 이벤트 메서드3. 그룹 이벤트 등록 및 삭제하기 * // jq$("#box#).css("color","red"); 버튼 [ 3. 마우스 이벤트 ](1) click()/dblclick() 이벤트 메서드// jquery_event_2_test.html click dblclick 내용 버튼 (2) click( ) / dblclick( ) 이벤트 메서드를 태그에 등록할 때 주의할 점- 링크된 주소로 이동되지 않도록 만들어야 하는데, 다음 두 가지 방식을 이용해 링크 주소로 이동되는 것을 차단할 수 있다.// jquery_event_3_test.html 버튼1 버튼2 버튼3 내용 ..
![]()
[ 목차 ]1. 제이쿼리 기본 다지기2. 선택자3. 직접 선택자와 인접 관계 선택자4. 제이쿼리 탐색 선택자5. 객체 조작 * bootstrap (부트스트랩) : css 코드들(디자인 코드들)이 많이 모여있는 곳, 여기에서 코드를 가져다가 사용하면 된다. 1. 제이쿼리 기본 다지기[ 1. 제이쿼리란 ]- 기존 JavaScript에서 쉽고 적게, 다양한 일을 수행할 수 있도록 고안하여 만든 함수들의 집합인 라이브러리 언어 ( 1 ) 호환성 문제점 해결- 자바스크립트는 호환성(크로스 브라우징)이 떨어진다. 하지만 이런 호환성 문제들을 제이쿼 리에서는 모두 해결하였다. ( 2 ) 쉽고 편리한 애니메이션 효과 기능 구현- 제이쿼리는 애니메이션을 쉽게 구현할 수 있고, 다양한 효과를 지원하는 메소드를..
[ 성능 요약 ] 메모리: 34912 KB, 시간: 500 ms [ 분류 ] 정렬(sorting), 두 포인터(two_pointer) [ 문제 설명 ] 주몽은 철기군을 양성하기 위한 프로젝트에 나섰다. 그래서 야철대장을 통해 철기군이 입을 갑옷을 만들게 하였다. 야철대장은 주몽의 명에 따르기 위하여 연구에 착수하던 중 아래와 같은 사실을 발견하게 되었다. 갑옷을 만드는 재료들은 각각 고유한 번호를 가지고 있다. 갑옷은 두 개의 재료로 만드는데 두 재료의 고유한 번호를 합쳐서 M(1 ≤ M ≤ 10,000,000)이 되면 갑옷이 만들어 지게 된다. 야철대장은 자신이 만들고 있는 재료를 가지고 갑옷을 몇 개나 만들 수 있는지 궁금해졌다. 이러한 궁금증을 풀어 주기 위하여 N(1 ≤ N ≤ 15,000) 개의..
[ 성능 요약 ] 메모리: 19352 KB, 시간: 268 ms [ 분류 ] 사칙연산(arithmetic), 수학(math) [ 문제 설명 ] 세준이는 기말고사를 망쳤다. 세준이는 점수를 조작해서 집에 가져가기로 했다. 일단 세준이는 자기 점수 중에 최댓값을 골랐다. 이 값을 M이라고 한다. 그리고 나서 모든 점수를 점수/M*100으로 고쳤다. 예를 들어, 세준이의 최고점이 70이고, 수학점수가 50이었으면 수학점수는 50/70*100이 되어 71.43점이 된다. 세준이의 성적을 위의 방법대로 새로 계산했을 때, 새로운 평균을 구하는 프로그램을 작성하시오. [ 입력 ] 첫째 줄에 시험 본 과목의 개수 N이 주어진다. 이 값은 1000보다 작거나 같다. 둘째 줄에 세준이의 현재 성적이 주어진다. 이 값은 ..
![]()
[ 성능 요약 ] 메모리: 17708 KB, 시간: 208 ms [ 분류 ] 구현(implementation), 수학(math), 문자열(string) [ 문제 설명 ] N개의 숫자가 공백 없이 쓰여있다. 이 숫자를 모두 합해서 출력하는 프로그램을 작성하시오. [ 입력 ] 첫째 줄에 숫자의 개수 N (1 ≤ N ≤ 100)이 주어진다. 둘째 줄에 숫자 N개가 공백없이 주어진다. [ 출력 ] 입력으로 주어진 숫자 N개의 합을 출력한다. [ 문제 링크 ] https://www.acmicpc.net/problem/11720 import java.util.Scanner; public class P11720_숫자의합 { // N개의 숫자가 공백 없이 써 있다. 이 숫자를 모두 합해 출력하는 프로그램을 작성하시오...
![]()
[ 목차 ]1. 문서 객체 모델 알아보기2. DOM 요소에 접근하고 속성 가져오기3. DOM에서 이벤트 처리하기4. DOM에서 노드 추가, 삭제하기 3. DOM에서 이벤트 처리하기[ DOM 요소에 함수 직접 연결하기 ]- DOM 요소에 이벤트 처리기 함수를 직접 연결// event-1.html 코드 [ 함수 이름을 사용해 연결하기 ]- 함수를 따로 정의해 놓았다면 DOM 요소에 함수 이름을 사용해 연결- 이 때 함수 이름 다음에 괄호를 추가하지 않는다.// event-2.html 코드 [ DOM의 event 객체 알아보기 ]- 웹 문서에서 이벤트 발생한 요소가 무엇인지, 어떤 이벤트가 발생했는지 등의 정보가 담긴 객체// event-3.html..
