Code Playground

< h1 > Code Playground </ h1 >

-해당 문제는 codewars사이트의 level6 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Well met with Fibonacci bigger brother, AKA Tribonacci. As the name may already reveal, it works basically like a Fibonacci, but summing the last 3 (instead of 2) numbers of the sequence to generate the next. And, worse part of it, regrettably I won't get to hear non-native Italian speakers trying to pronounce it :( So, if we are t..

-해당 문제는 codewars사이트의 level6 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Write a function toWeirdCase (weirdcase in Ruby) that accepts a string, and returns the same string with all even indexed characters in each word upper cased, and all odd indexed characters in each word lower cased. The indexing just explained is zero based, so the zero-ith index is even, therefore that character should be upper ca..

-해당 문제는 codewars사이트의 level7 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Implement a method that accepts 3 integer values a, b, c. The method should return true if a triangle can be built with the sides of given length and false in any other case. (In this case, all triangles must have surface greater than 0 to be accepted). Test.describe("PublicTest", function() { Test.assertEquals(isTriangle(1,2,2), t..

-해당 문제는 codewars사이트의 level7 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] You might know some pretty large perfect squares. But what about the NEXT one? Complete the findNextSquare method that finds the next integral perfect square after the one passed as a parameter. Recall that an integral perfect square is an integer n such that sqrt(n) is also an integer. If the parameter is itself not a perfect squa..

-해당 문제는 codewars사이트의 level7 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Usually when you buy something, you're asked whether your credit card number, phone number or answer to your most secret question is still correct. However, since someone could look over your shoulder, you don't want that shown on your screen. Instead, we mask it. Your task is to write a function maskify, which changes all but the ..

-입력 요소 제어- [1] 값 설정하기 $("셀렉터").val('내용'); [2] 값 읽어오기 # text, select(드롭다운)var input = $("셀렉터").val(); 드롭다운 요소의 경우 사용하지 않는 태그라 하더라도 value 속성값을 부여해야 한다. ---선택하세요--- item1 # 라디오 버튼의 경우셀렉터가 여러 개를 의미하는 경우이므로 그 중에서 선택된 항목만 지정하는 셀렉터를 사용해야 한다.라디오는 하나만 선택 가능하므로 가져온 결과 자체는 단일 값이다. var input = $("셀렉터: checked").val(); # 체크 박스의 경우checked 가상 클래스를 통해 가져온 대상이 배열 상태가 되므로 이를 반복문으로 처리해야 한다.배열의 요소는 선택된 체크박스들에 대한 HT..

-요소의 탐색- [1] 메서드 체인하나의 jQuery요소에 대하여 메서드를 연속적으로 호출하는 기법.특별한 경우가 아닌 이상 jQuery()의 함수들은 객체 자신을 리턴한다. $("#foo").attr(key, value) .css(key, value) .addClass(cls) .click(function() {}); [2] 주변 요소 탐색하기 함수설명prev()이전 요소를 리턴한다.next()다음 요소를 리턴한다.parent()상위 요소를 리턴한다.children()하위 요소(들)을 리턴한다.eq(n)n번째 요소를 리턴한다. [3] 부모 요소 얻기: 주어진 셀렉터를 갖는 가장 인접한 부모 요소를 리턴한다.$("#foo").parents("셀렉터"); [4] 자식 요소 얻기: 주어진 셀렉터를 갖는 가장..

- 요소의 판별 - [1] index() 함수 : 특정 요소가 부모 태그 안에서 갖는 인덱스 번호를 리턴하는 함수 (0부터 시작함) ... --->0 --->1 --->2 [2] $(this) : 복수 요소에 대한 이벤트에 전달된 콜백함수 안에서 이벤트가 발생한 주체를 의미하는 객체 button1 button2 button3 [3] HTML 요소의 속성 제어 특정 요소에 적용되어 있는 속성값 조회하기var foo - $("#bar").attr("속성이름"); 특정 요소에 적용하기개별 적용$("#bar").attr('속성이름', '값); 일괄 적용 (JSON 형태 사용)$("#bar").attr({ 속성이름: '값', 속성이름: '값', 속성이름: '값' ... }); 속성 이름에 공백이나 - 기호가 포함..

[1] jQuery 이벤트 처리 웹 브라우저가 HTML요소를 인식한 후에 처리되어야 하므로 jQuery의 load 처리 안에서 정의한다.이벤트는 함수 형태로 정의되어 있고, 해당 이벤트가 발생한 경우 호출될 함수를 콜백 파라미터로 전달한다.콜백함수에는 이벤트의 정보를 갖는 e 객체가 전달된다.필요한 경우 이 객체를 선언하고 활용할 수 있다.e.preventDefault()는 링크의 href 속성이나 폼의 submit 등에 대해서 HTML 요소가 수행해야 하는 기본 동작을 차단하는 역할을 한다. //jQuery의 load 처리 안에서 정의 $(function() { $("#foo").이벤트이름(function([e]) { [e.preventDefault();] });}); [2] 마우스 관련 (클릭 이벤트..

[1] jQuery 초기화 ...html 태그...