jQuery

1. 개요2. 특징3. 여담

write less, do more.

1. 개요[편집]

jQuery는 HTML 속 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 브라우저 호환성이 있는 JavaScript 라이브러리이다. 존 레식에 의해 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개되었다.

기능적으로야 더 좋은 라이브러리들도 많지만, jQuery가 순식간에 업계를 장악한 특장점은 바로 무지하게 쉽고 간편하다는 점이다. 'write less, do more.'가 모토로서 비프로그래머인 웹디자이너들도 어렵지 않게 이해할 수 있을 만큼 쉬운 편이다. DOM 구조와 CSS에 대한 지식만 있다면 애니메이션 같은 건 바로 이해가 가능할 정도다. 실제로 저자인 존 레식은 프로그래머들의 칭찬보다 순수 웹디자이너들의 감사 인사가 더 특별한 기쁨이라고 한다.

jQuery는 Behavioral model(행동 모델)에 기초한 아키텍처를 따른다. 특히 jQuery는 메서드 체이닝을 통해 DOM 엘리먼트를 조작한다. 예를 들어 기존에 이렇게 했다면,

const textNode = document.querySelector("#textNode");
textNode.style.color = "red";
document.querySelector("#someDiv").appendChild(textNode);

jQuery에선 이렇게 한다. 대신에 속도가 좀 더 느리다.

$("#textNode").css("color","red").appendTo("#someDiv");

$("#textNode")
$라는 함수에 인자로 "#textNode"[1]를 넘겨주겠다는 JavaScript 구문이다. jQuery는 기본적으로 $를 함수 이름으로 사용한다.[2] $() 함수에 인자로 DOM selector를 넣어주면 해당하는 DOM 요소를 찾아 리턴해준다. (정확히는 DOM요소를 0번째로 가진 특정한 배열을 반환하는데, id는 특정한 상황이 아니라면 무리 없이 쓸 수 있지만 여러 개의 class를 한 번에 셀렉팅 할 경우 javascript의 document.getElementsByClassName()를 생각 없이 쓸 때와 같은 상황이 발생한다.)
$("...").css("color","red") / $("...").css({"color":"red"})
jQuery의 메소드들은 기본적으로 리턴하는 데이터의 자료형이 jQuery이고, 메소드를 사용할 때는 자료형이 jQuery인 값에 붙여서 호출하도록 설계되어 있다. 즉, $("...")를 호출하여 찾고자 하는 DOM 요소를(여기서는 id가 textNode인 요소) jQuery형으로 리턴받고 .css() 메소드를 호출하여 작업을 수행하는 것. 메소드 이름을 보면 알겠지만 .css("color","red") 메소드는 대상의 css를 변경한다[3]. 그리고 변경한 DOM 요소를 jQuery형으로 리턴한다. 후자의 경우는 JSON 문법으로 여러 속성을 한꺼번에 지정할 때 사용한다.
$("...").css("...","...").appendTo("#someDiv") / $("...").css({"...":"..."...}).appendTo("#someDiv")
앞서 .css() 메소드로 색을 바꾸고 리턴한 요소에 .appendTo() 메소드를 적용하는 구문이다. 이게 가능한 이유는 플루언트(Fluent) 인터페이스 때문이다. 메서드의 반환값이 자기 자신의 참조가 되어 무한히 메서드를 이어붙일 수 있는 게 특징.

jQuery는 MIT 허가서와 GPL v2의 듀얼 라이선스를 가진 자유 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, AJAX 개발이 쉽도록 디자인 되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다. 덕분에 수많은 jQuery 플러그인들이 개발되어 있다!

여기저기서 많이 쓰다 보니 JavaScript로 웹 개발을 하는 개발자라면 당연히 jQuery를 쓴다고 생각하는 모양. 실제로도 경험이 부족한 개발자들이 jQuery가 없으면 간단한 DOM 조작도 어려워한다.[10] jQuery는 JavaScript를 편하게 사용할 수 있게 지원하는 라이브러리이지 정식 언어가 아니다! 언제까지나 기초는 JavaScript임을 명심하고 기초를 튼튼히 하자. jQuery만 쓰게 되면 이렇게 된다. 부연설명을 하자면, JavaScript에서 덧셈을 하는 방법을 묻고 있는데 댓글들은 뜬금없이 jQuery 사용하라고, jQuery가 최고라고 찬양하는 상황이고 그런 댓글들에 추천이 달려 있다. “jQuery요법을 썼더니 10kg가 빠졌어요!”라는 말도 하고 맨 밑의 올바른 설명을 한 댓글은 jQuery 사용을 안했다고 비추천이 달려 있다(...). 물론 사람들이 놀려먹는 것이고, Stack Overflow 규정 상 이럴 일은 없다.

여전히 웹 프론트엔드에서 막강한 영향력을 차지하고 있는 jQuery이지만 최근 웹 개발의 트렌드는 리엑트, Vue.js, 스벨트, 같은 SPA용 프레임워크나 라이브러리로 옮겨가고 있다. 프레임워크를 통해 컴포넌트, MVC, 양방향 데이터 바인딩 등의 고수준적인 개념을 활용하는 것에 반해 jQuery는 여전히 밑바닥 DOM을 건드리는 데 지나지 않는지라...[12] 하지만 프레임워크를 쓰면서도 jQuery의 기능을 사용할 수 있고, 프레임워크가 모든 경우에 정답은 아니기 때문에 jQuery에 대한 수요는 앞으로도 있을 것이다.[13](참고) SPA 개발을 위해 나온 것으로 React도 있는데, 이건 프레임워크가 아니라 jQuery와 같은 라이브러리이다. 페이스북에서 개발하였으며 jQuery보다 우수한 Virtual DOM의 활용 등으로 순식간에 점유율을 크게 확대하였다. 다만 jQuery에 비해 난이도가 좀 더 높고, JSX라는 별도의 문법을 사용해서 해서[15] 전체적으로는 아직 jQuery가 React보다 많이 쓰인다.

다만 이것은 반쯤 걸러 들어야 할 것이, 2000년대 중반 거의 JS가 나온지 5~6년 남짓 된 웹 초창기 시절부터 2010년대 중반까지의 무려 10년간 확고한 위치를 고수했던 관계로 Legacy가 많아서 그런 것이지, 현재로써는 신규 프로젝트, 신규 인력만 놓고 본다면 Angular도 한 물 가고 있고, React 가 대다수이고 Vue.js도 일부 있다. 십중팔구 React. 레거시가 많고 아예 자체 프레임워크/라이브러리를 가진 대기업이 아닌 대부분의 중소기업, 스타트업, 중견기업의 신규 웹 프로젝트도 React. 여기에 Vue.js가 꼽사리 끼는 정도이다. 원티드 또는 로켓펀치의 채용공고나, 오키 등의 개발자 커뮤니티 등을 찾아보면 신규 프로젝트, 신규 인력 기준으로는 React : Vue.js : Angular : 기타 == 6 : 2 : 1 : 1 정도의 비율을 보인다. 구글 검색 통계만 봐도 React가 압도적이다. 리액트 관련 기술문서, 자료의 조회수의 1/3~절반 정도가 Vue.js의 통계와 유사하고, Angular는 1/5정도, jQuery는 10% 정도이다. 물론, 기술문서나 자료를 검색하고 찾아보는 사람들이 전부 해당 스택으로 개발 중이라는 보장은 없고, jQuery는 나온지 15년이나 되었으니 개발자들도 충분히 숙련되고 정석 수준으로 사내 매뉴얼, 각종 도서 등이 정리가 돼서 구글링의 빈도가 줄어드는 효과도 있고 대부분 커뮤니티 등에서 조언을 구해도 "대충 jQuery코드 읽을줄만 알면 된다."''' 라는 반응이 대부분이다.

아무래도 진부화 및 노후화로 jQuery는 결국 저물 수밖에 없다. Legacy가 아무리 많다고 해도 퇴직 직전의 40~50대 시니어 개발자가 아닌 이상 신입 개발자에겐 jQuery는 미래가 없다. 뭐 10년 정도만 일자리가 보장이 되면 대강 일하다가 10년 뒤에 시한부 밥그릇이 통째로 아작나도 상관없는 시니어라면 모르겠으나, 주니어라면, 유지보수하는 곳보다는 신규 프로젝트를 하는 곳이 좋다고 한다. 어디 임베디드 기기나 POS기, 전광판 같은데 짱박혀서 돌아가는 코드도 아니고, 5년이면 강산이 바뀌는 웹이기에 2020년대 중후반만 되어도 Legacy 마저 점차 프레임워크/React/ES6 이후의 최신 표준 Native JS로 부분부분 대체되거나 아예 서비스 종료 또는 밑바닥부터 재개발 등의 이유로 사멸할 것이라는 의견도 종종 보인다. 당장 그 대표적인 네이버 포탈마저 일반 JS였다가 jQuery로 바뀌었다가 네이버카페등 일부 서비스에서 Vue.js 를 사용한다.

물론 이렇게 하려면 프론트엔드와 백엔드를 모두 새로 개발하는 프로젝트여야 하며, 백엔드를 기존의 오픈소스 솔루션을 사용한다면 여전히 jQuery가 유효하다. 특히 아직도 많은 점유율을 차지하는 워드프레스나 그누보드, XpressEngine 등은 백엔드(코어)에서 프론트엔드(스킨, 테마 등)로 뿌려주는 결과물이 HTML이라 React 같은 것을 사용하기에 곤란한 점이 많다. 코어 소스를 수정하거나[16] 플러그인 등을 사용해서[17] 결과물을 JSON 같은 것으로 오가게 하는 방법이 있지만 전자는 사이트 유지보수가 크게 어려워지는 단점이 생기고, 후자는 플러그인을 한 단계 더 거치기 때문에 서버 부하가 커지는 단점이 생긴다.

마이크로소프트와 노키아는 자사 플랫폼에 jQuery를 포함하는 계획을 발표한 바 있다. 마이크로소프트는 비주얼 스튜디오의 ASP.NET AJAX 프레임워크와 ASP.NET MVC 프레임워크에 적용했고, 노키아는 자사의 런타임 웹 위젯 개발 플랫폼에 통합하였다.

라이브러리 이걸 기반으로 하는 경우가 많은데, HTML5 Boilerplate나 트위터 Bootstrap [29]도 jQuery 기반으로 작동한다.

jQuery Mobile도 있었는데, 모바일 웹페이지나 HTML5 웹앱 등의 제작에 사용하는 웹 개발 프레임워크다.[30] HTML5 웹앱 프레임워크들이 대개 그렇듯 iOS, 안드로이드는 당연히 지원하고, Windows Phone, 블랙베리, 심비안 등 웬만한 기기는 다 지원했다. 2014년 이후 업데이트 없었고 2018년에 중단되었다.

jQuery는 다음과 같은 기능을 갖고 있다.

DOM 엘리먼트 선택
DOM 트래버설 및 수정(CSS 1-3 지원. 기본적인 XPath를 플러그인 형태로 지원)
이벤트
CSS 조작[32]
특수효과 및 애니메이션[33]
AJAX 및 JSON, XML 파싱
JavaScript 플러그인을 통한 확장성
유틸리티 - 브라우저 종류와 버전,[35][36] "each" 함수[37]

덕분에 대한민국의 국가기술자격인 웹디자인기능사 실기시험에서 기존에는 애니메이션 효과를 Flash로 주다가 2017년부터는 jQuery로 바꿔서 출제되고 있다. 웹디자인기능사 자격증을 취득하려는 사람들은 의무적으로 jQuery를 사용해서 서브메뉴와 팝업창을 숨겼다 띄웠다 할 줄 알아야 하고, 대형 이미지 슬라이드를 움직일 줄 알아야 하는 것이다.

jQuery는 본래 1.x, 2.x, 3.x 버전의 세 가지 종류가 있었다가 1.x, 2.x 버전은 모두 업데이트가 종료되고, 3.x 버전만 업데이트되고 있다. 후대 버전으로 갈수록 구형 브라우저 지원을 위한 레거시 코드를 삭제하여 용량이 작고 속도도 더 빠르다. Internet Explorer 8 이전 버전의 호환이 필요하다면 1.x를 사용해야 한다. 1.x 버전 중에서도 특히 1.9 버전은 하위 호환성이 떨어지는데, 1.9에서 삭제된 것들이 많기 때문이다. 이 때문에 연식이 오래된 툴일 경우에는 호환성 문제 때문에 1.8 버전에서 머무는 경우가 많다. 1.9 버전 이상을 사용하면서 1.8 이하 버전의 호환성을 유지하려면 jQuery Migrate라는 플러그인을 사용하면 된다. 하지만 구형 브라우저는 jQuery뿐만 아니라 HTML5에만 있는 태그와 CSS에서도 문제를 일으키는 데다가[40] 보안 문제 때문에 강제업그레이드가 이루어지며 사용자가 거부할 수 없게 되어 있다.[41] 따라서 2020년 현재는 3.x버전을 쓰는 게 정답이다.

2018년 하반기 기준, 역시 국내는 논외로 하고 해외 추세를 보면 JavaScript의 기능 자체가 좋아지면서 jQuery 의존도가 점차 낮아지는 경향이 있다.

2020년 12월 기준으로 전체 웹 사이트의 77.2%는 jQuery를 사용하고 있다.#

3. 여담[편집]

서버 사이드 JavaScript 엔진인 Node.js에서도 jQuery를 사용할 수 있다. 단 Node.js에는 window 전역 객체가 없기 때문에 jsDom이라는 라이브러리를 추가로 설치해야 한다. 역시 DOM 조작에 사용한다. 보통 복잡한 템플릿 코드를 서버 쪽에서 생성하거나 웹 크롤러를 만들 때 사용한다.

2016년 6월 9일, jQuery 3.0이 정식 출시되었다.

나무위키에서는 the seed 4.12.0(2019년 9월 말 전)까지 jQuery 2.1.4 버전을 사용했다.

[1] CSS 선택자와 동치이다. 해당 선택자는 HTML 태그 중 id="textNode"라는 값이 있는 맨 첫번째 요소를 가리킨다(id는 HTML 문서 내에서 유일한 값이어야 한다).

[2] 기적의 호이스팅(변수나 함수를 먼저 사용하고 후에 선언문을 추가해도 제대로 돌아간다)이 생겨서 쥐도 새도 모르게 $를 재선언한다면 jQuery.noConflict()를 호출해서 $대신 jQuery()라는 함수를 사용해도 된다. 또한 제이쿼리로 쓰는 모듈을 (function($){○○○○○○})(jQuery)로 감싸기도 한다.

[3] 해당 DOM 요소에 style = "color:red;"를 적용

[4] 가짜 사혼의 구슬 조각이 박힌 오른손의 주먹으로 배에 구멍을 뚫어 버렸다. 요괴라서 살았지 인간이었다면 배부터 시작해서 전신이 터져 죽었을 것이다.

[5] 122화.

[전문] Warning : purchasing this will have unexpected, and potentially undesirable results! It's all downhill from here. You have been warned! Purchase anyway?
해석하면 '경고: 이 업그레이드는 예상치 못한 원치 않는 결과를 유발할 수 있습니다! 이 시점부터는 내리막길을 걷게 됩니다. 분명 경고했습니다! 그래도 구매할까요?'.

[7] 132화에서 도롱뇽 요괴가 알을 뱃속에 집어넣음으로써 그 마을에 살고 있던 여인들을 조종하고 있었다. 그에 미로쿠가 부적을 주먹에 두르고 배빵을 시전해 조종하고 있던 도로뇽 알을 토해내게 했다.

[8] 뒤에 할머니들의 이미지가 제대로 보이지 않는데 이 경우 이쪽으로 가서 한번 봐보자. 사태가 어떻게 돼 가는지 감상할 수 있다.

[9] matriarch는 여성 가장(우두머리)를 의미한다.

[10] 다만 어지간하게 간단한 홈페이지가 아니면 jQuery 없이는 답이 안 나오는 경우가 허다하다(...).

[11] 헤이즈의 경우는 140화에서 다나가 아침부터 밉상이라고 배를 발로 차 버려서 헤이즈가 피를 토했다.

[12] ES6등장 이후 DOM을 직접 건드리는 개발 방식은 안티패턴(나쁜패턴)을 양산할 수 있기 때문에 기피되는 분위기이다.

[13] 실제로 전세계 트래픽 상위 1만 개 사이트 중 jQuery 의 점유율은 2020년에도 여전히 과반인 54%나 차지 하고 있다.

[14] 할머니를 각각 150명, 200명 구매했을 때 고대인의 친구(Friend of the ancients), 고대인의 지배자(Ruler of the ancients)라는 이름의 도전과제가 해금된다.

[15] JSX 사용이 필수는 아니다. 하지만 React를 쓰기가 상당히 불편해진다.

[16] 그누보드는 Vue.js 버전이 있는데, 소스 코드를 갈아엎는 수준으로 수정했다.

[17] 워드프레스는 JSON 형태로만 데이터를 제공하는 Rest API가 있고, 이걸 이용해서 Frontity라는 React 기반 오픈소스 프론트엔드가 있다.

[18] 보는 사람에 따라서는 혐오감이 들 수 있으니 주의. 연구가 진행될수록 차례로 기본 배경에서 이렇게, 이렇게, 그리고 최종적으로는 이렇게 변한다.

[19] 그나마도 Elder Pact를 업그레이드하고 Angered 상태가 되면 무조건 빨간 쿠키만 나온다.

[20] 배빵하면서 라이너가 하는 말이 "힘들었지? 이제 그만… 쉬어.." 였다.

[21] n번째 구매할 때의 가격 공식은

8^{n + 1}

이며, 최초 가격은 64쿠키이고 최대 4,398,046,511,104쿠키(8^14), 즉 4.4조까지 증가한다.

[22] 무려 66,666,666,666,665 (약 66.67조)쿠키!

[23] 주름벌레에 의해 떨어진 CPS는 루돌프와 Lucky!로 받는 쿠키의 양과 클릭당 쿠키 수에 영향을 주지 않는다.

[24] 조금 느리게 클릭하면 체력이 회복되기 때문에 빨리 클릭해야 한다.

[25] 총량을 전부 적용받는거니까 굳이 최고참 벌레가 어느 벌레였는지 일일이 찾는 수고로운 짓은 하지 않아도 된다.

[26] 현실 시간으로 정확히 24시간. 게임을 끈 상태에서도 타이머는 돌아간다.

[27] 윤년일 경우 3월 30일~4월 1일

[28] 황금쿠키는 네모난 계약서(Contract)로 바뀐다.

[29] 버전 5부터는 jQuery가 빠질 예정이다.

[30] 즉, 모바일 웹페이지에서 jQuery를 사용하려면 그냥 jQuery를 사용하는 것이지 jQuery Mobile를 사용하는 것이 아니다.

[31] 2017년에는 4월 9일부터 4월 16일까지로 예정되어 있다. 해당 문서 참조.

[32] 어디까지나 브라우저가 지원하는 것까지만. IE8 이하에서는 죽어라 border-radius 등을 줘도 안먹는다(...).

[33] 간단한 것만 가능하며 복잡한 애니메이션이 필요하다면 jQuery UI라는 확장기능을 사용해야 한다.

[34] 윤년일 경우 10월 23일~10월 30일

[35] IE, 모질라 파이어폭스, 오페라, WebKit 등을 판별할 수 있다. 다만 1.9 버전 이후부터 삭제되었다. 굳이 사용하고 싶다면 jQuery Migrate라는 플러그인을 사용해야 한다. 이 플러그인은 구형 버전에서 지원되었으나 최신 버전에서 삭제된 함수를 사용 가능하게 해 준다.

[36] 삭제되었다기 보다는 플러그인으로 분리되어 나갔다고 보는게 더 옳다. migrate는 말 그대로 삭제된 기능을 되살리는 플러그인이고, 브라우저를 구분해주는 플러그인은 따로 있다. 플러그인으로 분리해 두지 않으면, 메인 jQuery자체가 버전업 되기 전까지는 새로 출시된 브라우저들을 지원할 수 없고, 역으로 브라우저 정보만 업데이트 되고 기능상 변경이 거의 없는데도 메인 버전이 올라가는 사태를 방지하기 위해서 분리되었다고 보는게 옳다.

[37] 배열이나 객체 등의 집합에서 요소를 차례로 훑는다. native JS에서는 "forEach" 함수가 비슷한 역할을 한다.

[38] 윤년일 경우 12월 14일~12월 30일

[39] 하지만 이 경우는 상당히 드물다. 빨간 쿠키에서만 나오는, 지속 시간이 기본 6초인 Elder Frenzy를 발동시킨 상태에서 가끔씩 나오는 순록이 이 타이밍에 나와줘야 하기 때문.

[40] 특히 10 버전 이전의 인터넷 익스플로러가 그렇다.

[41] 강제업그레이드를 하는 이유는, 구형 브라우저 취약점이 악용돼 감염된 컴퓨터는 DDoS 봇이나 랜섬웨어의 배포 경유지로 악용돼 남들까지 피해를 입히기 때문이다. 다만 구버전의 OS는 강제 업그레이드에서 비껴가는 경우가 많다. 대표적으로 Windows XP는 IE 8까지만 지원한다.

[42] 사실 업그레이드와 생산 시설이 있는 오른쪽의 상태 창에서는 나타나지 않고, 우유와 쿠키가 있는 왼쪽 창과 스테이터스 및 설비와 할머니들을 볼 수 있는 가운데 창에서만 나타난다. 브라우저의 좌우를 줄이면 가운데 창이 먼저 줄어들어 없어지고 그 다음으로 쿠키 창이 작아지므로, 적당히 쿠키 창 크기가 황금 쿠키 크기 정도 된 상태로 만들면 한 군데에서만 황금 쿠키를 볼 수 있다. 쿠키 체인이나 오토마우스 사용 시 유용한 팁. 최근 버전에서는 쿠키 클리커가 실행된 창의 가로 길이를 일정 이상 줄일 수 없게 되었는데, 새 탭을 열어 창 크기를 줄인 뒤 쿠키 클리커 탭으로 전환하면 된다.

[43] 기본적으로 13초뭐?이나 Lucky Day!/Serendipity 업그레이드를 해주면 각각 2배씩 증가해서 최대 52초 동안 보인다. 주의할 점은 Cookie Chain이 발동 중이라면 무조건 최소 2초안에 다음 체인 쿠키를 찾아야 하니 주의하자.

[44] 초기에는 육편처럼 보이는 무언가로 나왔지만 현재는 황금 쿠키를 붉게 물들인 모양으로 나온다.

[45] 'Building Special'은 소스 코드 내에서 사용하는 이름이다.

[46] '보상 조건은 몰라도 좋으니 천국칩 구경이나 합시다' 라고 생각한다면 후술할 치트코드 Game.RuinTheFun()을 활성화하고 게임을 리셋해보자. 천국칩을 거의 100만 개나 준다. 말 그대로 Ruin the Fun.

[47] Cookies baked (all time) 값을 참조한다.

[48] 이때

f l oor (x)

는 바닥 함수로, x 이하의 가장 가까운 정수를 의미한다. 쉽게 말해서, 소수점 아래를 버린다. 고등학생이라면 가우스 기호를 생각하면 된다.

[49] 다만 Force the Hand of Fate에서 Click Frenzy가 확정이 아니게 되므로 마법을 활용할 생각이라면 Breath of Milk가 좋다.

[50] 수치가 낮아 비효율적으로 느껴질 수도 있으나, 이 효과는 모든 고양이 업그레이드에 각각 적용 되기 때문에 최대 11마리 기준 1.71배의 CPS 증가를 기대할 수 있다. 해금 조건도 쉽고 강한 능력.

[51] 단순 클릭만 적용된다. 커서의 자동 클릭은 적용 대상이 아님

[52] 이 업그레이드를 해금하는 것으로 'Just wrong' 도전과제를 달성할 수 있다.

[53] 이쪽은 등빵에 가깝다. 이후 죠르노 죠바나의 골드 익스피리언스의 능력으로 살아났지만 이후 거의 좀비나 다름없는 상태가 되어 결국 후반에 죽는다.

[54] 60초 동안 CPS가 15배로 증가

[55] Prestige의 Cps에 1.05를 곱한다. 100%라면 105%가 되는 식

[56] 11초동안 클릭 효율이 1111배로 증가

[57] Cookie Storm으로 나오는 황금쿠키는 해당하지 않는다.

[58] 황금 쿠키를 눌러 효과가 적용되면 제거된다. 따라서 황금 쿠키가 나온 것을 오래 유지시키고 사라지기 직전에 누르는 컨트롤이 요구된다. 마법서의 Force the Hand of Fate와 엄청난 궁합을 자랑하는데, 각설탕을 30개 정도 모아둔 상태에서 드래곤의 행운을 적용하고 황금(빨간)쿠키를 마구 소환하면 효과가 중첩되어 엄청난 양의 쿠키를 벌어들이는 것이 가능하다. 현재는 각설탕 사용에 쿨타임이 붙어 사용 불가능한 전략이다.

[59] 달리 말하면 '변종 각설탕(두송이,카라멜,황금,고기)이 나올 확률이 두 배'라는 의미이다. 해당 설명은 능력 선택창에서 나온다.

[60] 다만 걸려있는 버프/디버프가 없고 화면에 황금쿠키가 없어야 하는 조건이 있다. 이 때문에 중첩효과를 노릴려면 다른 수단(마법서 등)도 동원해야 할 필요가 있다.

[61] 설명에는 안써있지만 빨간 쿠키를 클릭해도 부작용이 발생하므로 주의.

[62] CpS 보너스 수치는 UTC를 기준으로 사인곡선을 그린다. 다이아몬드 보너스라면 00:00~01:30, 03:00~04:30, 06:00~07:30, ...에 플러스 보너스를 얻고 루비 보너스라면 00:00~06:00, 12:00~18:00에, 제이드 보너스는 00:00~12:00에 플러스 보너스가 된다.. 한국은 UTC+09:00을 사용하므로 9시간을 더하면 된다.

[63] 쿠키를 토해내는 데에만 보정이 들어가고 빨아먹는 양에는 변함이 없다.

[64] 현재 시즌에 상관없이 적용된다.

[65] 황금/빨간 쿠키로 획득할 확률이 19%/14.5%/12.7%, 주름벌레로 획득할 확률이 11%/6.9%/5%가 된다.

[66] 해금한 할로윈 쿠키의 숫자에 따라 획득할 확률이 14.5~10.6%/9.75~5.68%/6.90~2.70%가 된다.

[67] 다만 씨앗가격이 CpS에 비례한다는 점 때문에 일일이 전부 심기에는 가격부담이 크다. 돌연변이로 퍼지는걸 이용하면 쿠키를 어느정도 아낄 수 있다.

[68] 그림의 왼쪽은 같은 작물끼리 붙일경우, 오른쪽은 두가지 작물끼리 붙이는 경우의 배치이다. 빈 공간은 돌연변이 작물이 나올 수 있는 위치이며, 두가지 작물을 붙이는 경우 붉은색(R) 위치에 원치않는 작물이 나올 수도 있다.

[69] 참견잡초의 기본 자연발생확률이 낮아서 생각보다 잘 안나긴 하지만, 하나라도 나왔으면 얼마후 잡초밭이 되버릴 수도 있으니 주의해야한다. 참고로 참견잡초는 균류 루트의 시작점이라 갈색 곰팡이와 Crumbspore를 빠르게 얻어내기 위해 사용할 수도 있다.

[70] 작물들은 틱이 돌면 성장하지만 다른 성장량이 정규분포를 그리는 랜덤인데, 초코뿌리와 화이트 초코뿌리만은 성장량이 완전히 고정된다.

[71] 오직 여왕근대의 변이 효과로만 획득할 수 있다.

[72] 레벨을 2~3정도 찍어야 최대마나가 1개 오른다. 어차피 마법사의 탑만으로도 최대마나 한계인 99까지 도달할 수 있고, 최대마나때문에 마법서에 각설탕을 투자하는 것은 정말 비효율적이므로 굳이 그럴 필요는 없다.

[73] CpS를 절반으로 만든다

[74] 일반적인 황금 쿠키와 확률 계산 방법이 다르다. frenzy와 lucky는 무조건 들어가고, dragonflight가 발동 중이지 않으면 click frenzy가 ''무조건 들어간다. 10% 확률로 cookie chain, cookie storm, blab이 들어간다.25% 확률로 building special이 들어간다. 15% 확률로 리스트를 '초기화''' 시키고 stormdrop을 넣는다. 0.05% 확률로 sugar를 넣는다. 방금 발동한 효과를 80% 확률로 지우는 효과가 없는 것 또한 특징.

[75] 이 역시 확률 계산 방법이 다르다. clot와 ruin는 무조건 들어간다. 10% 확률로 cursed finger, elder frenzy가 들어간다. 0.3% 확률로 sugar를 넣는다. 10% 확률로 리스트를 초기화시키고 blab을 넣는다. 손해를 볼 확률이 80%를 넘기 때문에 아예 클릭하지 않는 것이 좋다.

[76] 절반의 마나를 쓸 수 있는 경우에만 발동된다

[77] 할머니포칼립스 상황 일 것, 최대 수용 한도를 넘지 않을 것

[78] 주름벌레가 하나도 없을 때 부작용이 발동한다면 아예 마법 자체가 발동하지 않는다. 사용할 수 없다는 메시지만 뜨고 마나도 닳지 않는다. 긍정적인 작용일 때는 정상적으로 소환된다. 즉, 주름벌레가 하나도 없을 때 사용한다면 무조건 긍정적인 효과만 노릴 수 있다는 것.

[79] 즉 일반적으로 75% 확률로 부작용이 발동되는 것이다.

[80] 특정코드를 통해 현재 사용되지 않은 기능인 "Opportunities(기회)"를 확인할 수 있는데, 각설탕은 이 기능의 쿨타임을 초기화하는 용도로 사용될 예정이었다. 참고로 이 기능으로 주식 변동에 어느정도 손을 쓸 수 있었던 것으로 추측된다.

[81] 모든 물품을 전부 표시하면 변화가 눈에 잘 안띄므로 필요한것만 띄워두면 된다. 단, 게임을 껏다 켰을시 그래프는 초기화되므로 주의.

[82] 계산공식은 "10 x (id값 + 1) + 은행레벨 - 1"이다. id값은 위 표에서 품목 순서대로 0~15를 넣으면 된다.

[83] 100 + 3 x 은행레벨 - 1. 즉 레벨 1일때 시가총액은 100달러이다.

[84] 죠린의 스탠드인 스톤 프리를 이용해서 배빵을 했다.

[85] 관통상에 두 다리까지 모두 잘려 죽었다.

[86] 그럼에도 리즈를 일부러 살려주는 이중적인 면모를 보였다.

[87] 그러나 차에 우유는 단 한 방울(...) 들어갔다.

[88] 스포어에서도 비슷한 역할을 하는 배지가 있다.

[89] 후술하겠지만 애드온 실행도 보통 이 방법으로 한다.

[90] 빵집 이름이 28글자로 제한되기 때문에 15글자 이상을 치면 뒷부분이 잘린다.

jQuery

1. 개요[편집]

2. 특징[편집]

3. 여담[편집]