[jQuery] 함수 join(), data(), hasClass(), addClass(), removeClass(), removeData(), append(), appendTo(), prepend(), prependTo(), before(), after(), insertBefore(), insertAfter(), trigger(), show(), hide(), end(), add(), addBack(), wrap(), wrapAll(), u..
** 선택자 jQuery(input[name=' '][value=' ']) >> 이렇게 연속으로 붙여서 선택자의 값을 필터리해서 선택할 수 있음 trigger() >> trigger 함수를 통해서 을 실행시킬떄는 $("a")[0].click() 로 실행 [] 을 추가하여 실행해야 한다. end() >> $("선택자").end() 선택된 선택자 이전에 선택한 요소의 집합으로 이동 >> $("p").closest('div').find('input').end() --> input의 이전요소인 div로 이동함 add() >> 선택자 추가 $("p").add("div") --> $("p, div") 를 의미하며, p와 div 모두 선택한다. HTMLtext 차이점 1. HTML()는 >> 매개변수에 HTML 요소..
2023. 2. 26.
[Javscript] JS-JSON
JSON이란 Javascript Object Notation의 줄임말으로, key : value 형태의 포맷으로 되어있다. JSON.stringify() 를 알아보자면 매개변수로 Javascript 객체를 넣으면, String 문자열로 return 되어 나온다. a 의 경우는 "강남": "gangnam" , "사과":"apple" 로 정의 되어 있고, b의경우는 이차원 배열인데 이것도 쉽게 생각하면 1:[1,2,3] , 2:[23,42,66], 3:[6,3,1] 로 생각할 수 있는것 같다. 따라서 배열도 JSON.stringify()를 통해서 문자열로 바꿀수 있다. 즉 JSON.stringify(Javascript 객체) 릍 통해서 문자열화 할수 있고 반대로 문자열화 된 Javascript 객체는 JSO..
2022. 4. 4.
[Javascript] 2차원 배열 2048 게임
2048 게임이 무엇인지 모른다면 한번 검색해보고 직접 해보는걸 추천한다. 마우스가 움직이는 방향마다 4*4 판의 숫자가 모여지고 같은 숫자는 서로 더해지는 게임이다. 아래와 같은 모양의 4*4 판에 방향키가 움직일떄마다 왼쪽으로, 위로, 옆으로, 아래로 모아지면서, 같은 숫자가 만나면 더해지는 방식이다. 왼쪽,오른쪽으로 움직일 경우와, 위아래로 움직일 경우가 비슷한 방식으로 코드가 이루워지기 때문에 왼쪽과, 위로만 움직이는것을 보고 코드를 짜보자. 우선 코드먼저 보자면. 현재 data = [ [0,2,4,2], [0,0,8,0], [2,2,4,8], [0,16,0,4] ]; 2차원배열로 4*4 형식을 이루고있다. 글로 설명하자면 값을 표로 정리하자면 이런식으로 진행된다. 왼쪽으로 몰떄는 0을뺸 값을 n..
2022. 4. 1.
[Javascript] 2차원배열
2차원 배열이란 [ [ 1, 2, 3 ], 0 [ 4, 5, 6 ], 1 [ 7, 8, 9 ] 2 ]; 위와 같은 방식으로 배열안에 배열이 들어가있는 형식이다. 이때 주로 data[][] []를 2번 표시하여 나타내준다. 이때 첫번쨰 []는 행의 숫자를말하는 것으로 현재는 0,1,2 총 3행이있고 1행안에서 3열이 존재하는 것이다. 즉 [0,1] = 1 [0,2] = 2 [0,3] = 3 [1,1] = 4 [1,2] = 5 [1,3] = 6 [2,1] = 7 [2,2] = 8 [2,3] = 9 가된다. 위와 같이 주로 2차원 배열의 경우 forEach문을 2개 사용하여 만들며, 첫번쨰로 선언한 data 배열안에 rowData 배열을 넣어준후에 rowData에 0을 넣어주고 있다. 이때 4번 4번씩 반복되..
2022. 3. 25.
