공부의 발자취를 남기는 블로그

jQuery에서 요소를 탐색하는 기능에 주로 탐색해보자 1 .add(selector) : 타겟에 엘리먼트를 추가 (merge) ex) $('#root').add('li') 2 .andSelf() : 타겟에 이전 설정을 추가해줌 EX) $("div").find("p").andSelf().addClass("border"); -> div태그에 p태그를 찾아 추가, 그리고 border클래스를 적용 3 .children([selector]) : 자식 엘리먼트를 추가 4.closest(selector): 가장 가까운 조상(부모) 엘리먼트를 탐색 5 .each(function(index,Element)) : 현재 엘리먼트셋에 반복작업을 실시한다. EX: $('.list li').each(function (index,..

문제분석 정해진 레시피가있습니다. 빵 - 야채 -고기 - 빵 상수는 재료가 떨어지는걸 보고, 빵 - 야채 -고기 -빵 패턴이 보이면 바로 제작합니다. -> 이걸 구현만 해내시면됩니다. 하지만 최적화를 시켜야하는게 문제죠 First Try: replaceFirst 문법 사용하여 풀기 우선 ingredient의 원소를 모두 문자열로 받아씁니다. EX) 211231231 그리고 빵 - 야채 - 고기 - 빵 인 "1231" 패턴을 찾아서 빈칸으로 만들고(지우기) 햄버거 1개를 추가합니다. replaceFirst는 맨 처음 '1231'패턴을 찾기만 하는 문법입니다. 이걸 햄버거가 더이상 안만들어질때까지 반복시킵니다. ---> But, 효율성 오류 추측되는 이유, replaceFirst 내부에서 O(n)만큼 계속 ..

폼 (form) 관련 jQuery 기능 Input 칸 관련 기능 1. focus() : input에 커서가 올라와있을때 이벤트 2. blur(): input커서가 올라온뒤 사라질때 일어나는 이벤트 3. change() : input 값이 바뀌어지면 일어나는 이벤트 4. select() : input 값을 드래그하면 일어나는 이벤트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 span { } $("input").focus( function () { $(this).next("span").html('focus'); }).blur( function() { $(this).next("span").html('blur'); }).cha..

문제분석: 주어진 병사, 라운드마다 정해진 적들, 주어진 무적권 이 3가지의 정보를 사용하여 라운드를 최대 어디까지 도달할수 있는가를 구하는 문제다. 시작하기전에 , 제한사항을 보면 라운드는 100만 라운드며, 병사는 10억까지 다룰수 있다. First Try: 이분탐색을 사용해보자. 아무리 큰 수라도 시간복잡도 log(n) 앞에선 엄청난 효율성을 보여준다. 이분탐색의 기준은 당연히 우리가 구하고싶은 "최대 라운드" 이다. 최소 라운드 = 1 최대 라운드 = 주어진 적 배치 배열의 길이 그 후, 중간값을 구한뒤 최소라운드 ~ 중간값 라운드 까지, "내 군사들로 막을수 있는가?" 를 판별한다. 막을 수 있다면 더 높은라운드 까지 막을수있는 가능성이 있으니, Up 막을 수 없다면 더 낮은 라운드를 탐색하기위..

Level0 이지만, 학습할 점이 많은 문제라서 가져왔습니다. 문제분석: 목표: [start,end] 로 구분이된 선분들의 겹치는 선분의 길이 구하기 First Try: 모든 선분 [Start ~ End] 까지 +1을 한뒤, 2가 넘으면 answer++ 증가 -> 보자마자 이 전략이 떠올랏습니다. 하지만, 윗 그림과 같은 케이스에서 문제가 일어납니다. [[0, 2], [-3, -1], [-2, 1]] 와 같이 중간이 파여버린 부분은 해당로직이 인식을 못하여 4를반환합니다. 2를 반환해야 하는데 말이죠, 그렇다고 정확히 파악할수있는 0.5점을 파악하기도 힘듭니다. Second Try: Start가 낮은 선분부터 선분을그려 +1을한뒤, 실시간으로 2가 넘으면 answer++ 증가 (단, 이미 체크한 점 (방..

jQuery의 엘리먼트(Element) 제어 기능에 대해서 알아보도록 하겠다. 1. 해당 엘리먼트의 자식으로 삽입 기능 1 .append() : 타겟 뒤에 요소 추가 2 .appendTo() : 3 .html(): 문자를 덮어쓴다. 단, html은 html코드로 인식한다. 4 .prepend() : 타겟 앞에 요소추가 5 .prependTo() 6 .text() : 문자를 덮어쓴다. 단, text는 를 인식못하고 그대로 출력한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 p { background:yellow; } I would like to say: $("p").append("Hello"); Colored by Color Scripter cs 이 예시는 appen..

jQuery축약하기 jQuery를 사용함을 jQuery().... 를 -> $()..... 로 함축하여 사용할수있다. jQuery로 요소를 선택하기 1 2 3 4 5 6 7 8 9 10 11 $('.welcome').html('hello world! coding everybody!').css('background-color','yellow'); Colored by Color Scripter cs 1. class와 연관된 요소를 선택하고 싶을때: '.{클래스 이름}' 으로 선택 1 2 3 4 5 6 7 8 9 jQuery jQuery('#tutorial').attr('href', 'http://jquery.org').attr('target', '_blank').css('color', 'red'); Colo..

문제 분석 : 매우 간단한 문제지만, 아이디어가 없으면 풀수 없는 문제다. (참 이런문제가 창의력 기르기 좋은 문제인것같다.) 문제를 요약하자면, 원의 반지름을 의미하는 d 값을 주어진다. 원점을 기준으로 d값만큼 원을그려서, 양수의 점을 최대 몇점까지 찍을수 있는가를 구하는문제다. 점을찍는건 K만큼 차이가난다. 단순하게, x좌표 길이, y좌표 길이만큼 이중 for문을 작성하여 점을찍을 수있는가를 판별할수 있다. 하지만 이렇게 작성하면 효울성 에러가 뜬다. 역시 최적화 과정을 거쳐야한다. 우리가, 점을 찍을수 있는지를 판별하는건 x^2+y^2

jQuery란? 자바스크립트에서 지원하는 라이브러리다. 이 jQuery를 사용하면, 엄청난 코드함축으로 생산성이 매우 높아진다. 자바 스크립트를 쓰면서 , jQuery를 모른다는것은 단팥없는 붕어빵사먹는거나 마찬가지다. 실제예시: jQuery를 사용안할경우, 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 function addEvent(target, eventType,eventHandler, useCapture) { if (target.addEventListener) { // W3C DOM target.addEventListener(eventType,eventHandler,useCapture?useCa..

1. 변수 선언 var 자바스크립트는 변수선언을 var로 통일한다. JAVA와 달리 String, int, boolean... 과 같이 자료형을 맞추지 않아도된다. 2. 동등, 일치 연산자 ==는 값이 같음 동등을 의미하고 === 는 값과 자료형이 같음 일치를 의미한다. 3. 함수 선언 Java에선 메소드(method)로 부르는 기능이다. 자바스크립트는 return값의 자료형을 적을 필요가없다. 따라서, function {함수 이름} () 만 작성해도된다. 함수를 부를땐 {함수이름}() 을 입력하자. 4. 객체 (딕셔너리) 선언 1번과 2번 코드 둘다 같은 방식이다. 딕셔너리는 자바의 Map처럼 되어있다. Key 와 Value 를통해 자료들을 정리할수있다.