가희의자기개발블로그

01_소개 자식 노드란? 특정 노드의 바로 아래에 위치하고 있는 노드를 말한다. 하위 노드의 하위 노드는 자식 노드가 아니다. 02_ 핵심내용 02_1 모든 자식 노드 찾기 $대상.children() 특정 노드의 바로 하위에 위치한 모든 자식 노드를 찾고 싶을 때 children() 메서드를 사용한다. children()메서드의 결과값은 모든 자손 노드가 아니라 바로 하위에 위치하는 자식 노드만을 구한다. ※children() vs contents() 자식노드를 구하는 메서드 중에는 contents()메서드도 있다. children()은 자식 노드 중 오직 태그 노드 만을 골라 찾아준다. 1. contents()를 사용할 경우 태그 노드는 물론 텍스트 노드 등의 모든 자식 노드를 노드로 찾아준다. 02_..

01_소개 여기서 찾은 노드란? 다음과 같이 jQuery 메서드를 활용해 구해 놓은 노드를 말한다. var $divs = $("div"); var $items = $(".menu li"); 위의 구문을 실행하면 $divs와 $items에는 각각 선택자에 해당하는 노드가 담겨 있을 것이다. 이때 담겨 있는 노드의 개수라든지 또는 담겨 있는 노드 중 특정 노드만을 걸러내야 하는 작업을 하게 된다. 02_핵심 내용 02_1 찾은 노드의 개수 구하기 $대상.length jQuery의 length 프로퍼티를 이용하면 jQuery 객체 내부에 들어있는 노드 개수를 구할 수 있다. 02_2 찾은 노드 중 n번째 노드 접근하기 $대상.eq(index) jQuery dml eq()메서드를 이용해면 찾은 노드의 n번째에 ..

01_ $() 의 의미 jQuery에서 가장 많이 사용하는 기능은 $()이다. $("div").css("border","4px solid #f00"); 은 div의 태그에 border속성을 4px solid빨강으로 준것이다. 여기서 $는 함수 그자체 이다. $()는 함수를 호출한 것이다. jQuery 라이브러리 내부를 살펴보면 다음과 같다 window.jQuery = window.$ = jQuery; jQuery함수와 동일하며 jQuery 함수를 좀더 쉽게 사용하기 위한 일종의 단축이름이다. 02_ $() 함수의 리턴값 $("div").css("border","4px solid #f00"); 위의 코드에서 점(.)은 특정 객체에서 제공하는 기능에 접근할 때 사용한 접근 연산자이다. 그리고 css()는 이..

01_ jQuery 라이브러리 삽입 일반 자바스크립트 라이브러리처럼 jQuery 역시 웹 페이지에 라이브러리를 먼저 삽입해야 한다. 두가지 방법이 있다. 1_1_ CDN(Content Deliverty Network)에 올려져 있는 jQuery 파일을 이용하는 방법 CDN이란 콘텐츠를 여러 서버에 분산 배치해서 콘텐츠를 전송하는 과정에서 발생하는 트래핑 집중 & 병목 현상 및 데이터 손실을 해결하기 위한 기술이다. 이러한 목적으로 JQuery 파일도 아래 CDN에 올려져 있는데 , 이 파일을 웹 페이지에 삽입하는 방법이다. 1_2 파일을 다운로드해 이용하는 방법 JQuery 홈페이지에서 최신파일을 내려 받아 다음과 같이 링크를 웹 페이지에 삽입하는 방법 02_진입점인 ready() 메서드 삽입 대부분의 ..

1_ AJax - 'Asynchronous JavaScript and XML'은 웹 어플리케이션 구축의 패러다임을 변경하고 있다. 이름만 보면 AJax는 '비동기 방식의 자바스크립트와 XML'로서 자바스크립트 및 XML만을 사용할 것 같지만 실제로 보면 보다 많은 기술이 복합적으로 사용되어 AJax가 구성된다. - AJax : Asynchronous JavaScript + XML JavaScript를 사용한 비동기 통신, Client와 Server간에 XML 데이터를 주고받는 기술 동기 - 소켓 (반드시 요청을 하면 다시 와야한다. 자바로는 동기를 처리하지 못한다.) 비동기 - 요청을 하고 다시 돌아올때까지 자기 일을 하다가 응답이 돌아오면 자기 일을 한다. 요즘 모든 프로그램은 비동기로 움직여야한다. ..

https://www.acmicpc.net/problem/10610 10610번: 30 문제 어느 날, 미르코는 우연히 길거리에서 양수 N을 보았다. 미르코는 30이란 수를 존경하기 때문에, 그는 길거리에서 찾은 수에 포함된 숫자들을 섞어 30의 배수가 되는 가장 큰 수를 만들고 싶� www.acmicpc.net import java.util.Arrays; import java.util.Collections; import java.util.Scanner; public class trente { public static void main(String[] args) { Scanner scan = new Scanner(System.in); String[] input = scan.nextLine().split(..

01_JQuery vs. 자바스크립트 jQuery는 자바스크립트 DOM을 좀더 쉽게 작업하기 위한 라이브러리 덩어리이다. 똑같은 작업을 자바스크립트로 코딩하면 10줄, JQuery로 코딩하면 1줄로 처리할 수 있을 만큼 효율적인 코드로 작업할 수 있다. 기본 기능 비교 먼저 가장 기본 기능이 되는 작업 중에서 아이디 이름으로 노드 찾기, 태그 이름으로 노드 찾기, 클래스 이름으로 노드 찾기가 있다. 아이디로 노드 찾기 ex) Javascript var header = document.getElementById("header"); header.style.border = "4px solid ##ff00"; ex) JQuery $(document).ready(function(){ $("#header").css..

https://www.acmicpc.net/problem/2217 2217번: 로프 N(1≤N≤100,000)개의 로프가 있다. 이 로프를 이용하여 이런 저런 물체를 들어올릴 수 있다. 각각의 로프는 그 굵기나 길이가 다르기 때문에 들 수 있는 물체의 중량이 서로 다를 수도 있다. 하지만 www.acmicpc.net import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); int n = scan.nextInt(); int[] weight = new int[n]; for (int i = 0; i ..