울음참고 개발공부
article thumbnail
jQuery | 페이징 처리 (javaScript)
jQuery && JS 2023. 5. 19. 11:21

내 댑안 - 시도하는 중 let index; function setIndex(){ index = (page-1) * count}; let Search = { page: 1, count: 20 } const totalCount = 100; const maxPageNumber = totalCount % Search.count == 0 ? Math.floor(totalCount / Search.count) : Math.floor(totalCount / Search.count) + 1; console.log(maxPageNumber); const startIndex = Search.page % 5 == 0 ? Search.page - 4 : Search.page - (Search.page % 5 ) + 1; c..

jQuery | 선택자 '>'
jQuery && JS 2023. 5. 19. 10:38

2023.05.15 - [jQuery] - jQuery | 마우스 올려 놓았을 때만 테두리 색 변경 - mouseover(),mouseout() 선택자 사용 $(".tblSearchList > tbody > tr").mouseover(function(){}); tbody 바로 아래 있는 자식 태그 만 선택하게 된다. tbody 아래 각각의 tr 에 대해서만 선택 !!

article thumbnail
jQuery | closet() 함수
jQuery && JS 2023. 5. 18. 11:22

2023.05.18 - [jQuery] - jQuery | 출생년도에 따라 배경색 변경 jQuery | 출생년도에 따라 배경색 변경 출생년도가 1992년생인 경우 해당 프로필의 배경을 노랑색으로 변경해보자 현재 사이트에서 받을 수 있는 정보는 출생년도가 아닌 나이 뿐이다. 이것을 이용하여 1992년생의 나이를 구해 문제를 megak.tistory.com 해당 포스트에서 closet() 함수를 사용하였는데 해당함수에 관해 알아보자. .closet() 선택한 요소를 포함하면서 가장 가까운 상위 요소를 선택하는 함수 해당 페이지를 살펴보자 첫번째 행에 있는 양OO 지원자의 행을 삭제하고 싶다! // nameAge 클래스는 tdSummary 하위에 존재 $('.nameAge:contains("50")').clo..

article thumbnail
jQuery | 출생년도에 따라 배경색 변경
jQuery && JS 2023. 5. 18. 09:53

출생년도가 1992년생인 경우 해당 프로필의 배경을 노랑색으로 변경해보자 현재 사이트에서 받을 수 있는 정보는 출생년도가 아닌 나이 뿐이다. 이것을 이용하여 1992년생의 나이를 구해 문제를 해결하자 1992년생은 현 2023년 기준 32살이다 그럼 32살 찾아서 배경색 변경하기 $('.nameAge:contains("32")').closest('.dvResumeTr').css('background','#FFFACD');

article thumbnail
jQuery | 윤년 구하기(JavaScript)
jQuery && JS 2023. 5. 16. 17:53

윤년이란 ? 윤달이나 윤일이 드는 해로서, 풀어 설명하면 '역법을 실제 태양년에 맞추기 위해 하루 또는 월을 끼우는 해' 이다. 지구가 태양을 도는 데에는 약 365일 4시간 정도가 걸리므로 365일을 제외한 시간들을 모야 태양력에서는 4년 마다 한 번 2월 29일을 두어 하루를 늘린다. 그렇다면 윤년을 구해보자 ! 윤년이 아닌 년을 '평년' 이라고하는데 , 조건은 이렇다 윤년 : 4년마다 한번. 400년이 되는 주기는 윤년이다. 평년 : 100년이 되는 주기는 평년이다. year, month, day 를 입력받아 윤년여부와 입력받은 날의 요일을 구하는 함수를 만들어보자 윤년은 4년마다 한번이므로 100년도 나눠떨어져서 윤년! 이아니라 평년으로 친다. 근데 또 400년주기는 윤년이다. function i..

article thumbnail
jQuery | 한 페이지 내의 모든 글자색 변경
jQuery && JS 2023. 5. 16. 17:52

말 그대로 페이지 내의 모든 글자색을 파란색으로 변경해보자 $('*').css('color', 'blue'); 다음과 같이 전체 선택자를 이용하여 글자색을 변경할 수 있다.

article thumbnail
jQuery | 서울 지역만 남기고 모두 지우기
jQuery && JS 2023. 5. 16. 17:42

해당 페이지에서 다음과 같이 서울이 아닌지역(여기서는 '경기' 나 '부산')을 모두 삭제해보자 즉, 서울 지역의 공고만 남겨두는 것 ! html 을 살펴보면 다음과 같이 안에 각각의 행은 로 이루어져있다 지역에 관련한 area 클래스에 '서울' 을 포함하지 않는 경우에는 모두 삭제하는 것으로 하자 $('tr:not(:contains("서울"))').remove(); :not:(:contains) 를 사용하여 포함하지 않는 tr 을 선택할 수 있다. 한가지 궁금한 점이 tr 에서 서울을 포함하지않는다면 다 삭제해버렸는데 제목이나 다른 태그에 서울이 들어간다면..?! ex) 제목 : 서울 전지역 화장품 사업부 팀장모집 이부분은 나중에 다시 테스트하며 정리해두어야겠다.

article thumbnail
jQuery | 경력을 기준으로 sort
jQuery && JS 2023. 5. 16. 17:16

경력을 기준으로 정렬해보자 ( 많은 순으로 ) 먼저 경력관련한 부분의 html 을 살펴보자 신입의 경우에는 "newcomer" 클래스가 더 추가된다. 이를 이용해서 구분에 쓰면 될 것 같다. 경력은 어떻게 정렬할 수 있을까? 2년 6개월의 경력자와 3년 1개월의 경력자가 있다고 하자 1년은 12개월이기 때문에 2x12 + 6 = 30 개월 3x12 + 1 = 37 개월 이렇게 구분할 수 있다. 이 사실을 이용해서 해결해보자 // HTML 코드의 모든 tr 요소를 선택 $('tr').each(function() { // 각 tr 요소에서 경력 정보를 추출 var careerSpan = $(this).find('.career'); if (careerSpan.length) { var careerText = c..