생각을 IT다

jQuery API에 관해 공부하며, 지속적으로 찾아보기 위해 만든 글입니다. 틀린 부분이 있을 수도 있습니다. deferred.always()비동기 작업의 결과에 관계 없이 항상 실행되는 콜백 함수를 연결deferred.always(콜백_함수); deferred.catch()비동기 작업 실패 시 실행되는 콜백 함수 연결 - 3.0 버전 이전에는 .fail() 사용deferred.catch(콜백_함수); deferred.done()비동기 작업 성공 시 실행되는 콜백 함수 연결deferred.done(콜백_함수); deferred.fail()비동기 작업 실패 시 실행되는 콜백 함수 연결deferred.fail(콜백_함수); deferred.isRejected()Deferred 객체의 거부 상태 여부 확인d..

jQuery API에 관해 공부하며, 지속적으로 찾아보기 위해 만든 글입니다. 틀린 부분이 있을 수도 있습니다..add()선택된 요소 집합에 새로운 요소 추가$(선택자).add(새로운_선택자); .addBack()이전 선택 요소 집합에 현재 선택 요소 추가$(선택자).addBack(필터); .addClass()선택한 요소에 하나 이상의 CSS 클래스 추가$(선택자).addClass(클래스_이름); .after()선택 요소 뒤에 요소/컨텐츠 삽입$(선택자).after(내용); .ajaxComplate()모든 AJAX 요청 완료 시 처리 동작 정의 - event : 이벤트 객체 - xhr : XMLHttpRequest 객체 - settings : AJAX 요청 설정 객체 $(document).ajaxComp..

해당 문제 풀이는 개인적으로 공부한 것을 올리는 글입니다. 배워가는 과정이다 보니 효율적이지 못하거나 잘못된 부분이 있을 수도 있습니다. 문제 1: 클릭 시 토글 슬라이드 업 및 다운 클릭 이벤트가 발생할 때 요소가 토글되도록 하는 슬라이드 업 및 다운 함수를 작성하세요. 요소가 보이지 않는 경우 클릭하면 요소가 나타나고, 요소가 보이는 경우 클릭하면 요소가 사라지게 해야 합니다. HTML 이것은 토글됩니다. JAVASCRIPT $(document).ready(function() { $('.toggle').click(function() { $(this).slideToggle('fast'); }); }); 문제 2: 모달 창 만들기 누르면 모달 창이 나타나는 버튼과 모달 창을 만드세요. HTML 모달 열기..

해당 글은 1년 1월 1일을 기준으로 기준 날짜까지의 총 일수를 계산하고 7일로 나눈 몫으로 요일을 구하는 방식입니다. let lastDay = new Array(31,28,31,30,31,30,31,31,30,31,30,31); //각 월 별 일수를 정의 let week = new Array("일","월","화","수","목","금","토"); //일주일을 일요일부터 배열로 정렬 var year = 2023; //년도 입력 var month = 2; //월 입력 var day = 19; //일 입력 //1년 계산 var days = ((year - 1) * 365) + ((year - 1) / 4) - ((year - 1) / 100) + ((year - 1) / 400); //윤년을 포함한 1년을 계..

[16번 문제] [추천]하는 이력서인 경우 해당 행의 배경색을 노란색으로 바꾼다 $("span.person-resume--recommand").closest("tr").css("background", "yellow"); -> span의 클래스인 person-resume--recommand의 상위 tr 배경색을 노란색으로 바꿈 [17번 문제] 근무지가 [경기]를 포함하는 공고일 경우 행의 테두리를 빨간색(5px)으로 바꾼다 $("div.titBx:contains('경기')").closest("tr").css({"border":"solid red 5px"}); $("span.cell:contains('경기')").closest('tr').css({"border": "5px solid red"}) -> div..

[11번 문제] 대기업 근무 경력이 있는 인재의 (class=person-resume)의 색 바꾸기 $("td:contains('대기업 근무 경력')").css("background", "orange") -> td에서 contains를 활용하여 '대기업 근무 경력'을 포함한 td의 배경색을 변경 [12번 문제] 신입이 아닌 사람들의 tr을 지워 신입을 강조하기 $("span.person-resume__career--senior").closest("tr").remove(); -> span의 person-resume__career--senior라는 이름의 클래스에 해당되는 상위 tr을 지움 [13번 문제] '대학교(4년) 졸업'인 지원자의 경우, 지원자 이름 빨강색으로 변경 $("td.person-resum..

[6번 문제] 1~3번째까지의 item의 테두리를 굵게(2px)하고 노란색으로 변경 $("tbody tr:lt(7)").css({"border":"solid yellow 2px"}); -> tbody의 tr에서 7번째 순서에 있는 곳까지 테두리를 굵게하고 노란색으로 변경 ※쿼리를 적용한 홈페이지에서 3번째까지가 7번째 tr이였기에 7번으로 하였다. [7번 문제] 지원 자격 항목 중 '경력'이 들어가는 행 전체를 삭제 $("div dl:eq(5)").remove(); -> 홈페이지에서 '경력'이 포함된 div의 5번째 dl을 remove시킴 [8번 문제] 이력서 요약 항목 중 '자격증'이 들어가는 행의 테두리를 녹색(5px)로 변경 $("div dl:eq(17)").css({"border":"solid g..

해당 문제 풀이는 별도의 홈페이지에서 공부한 것을 올리는 글입니다. 배워가는 과정이다 보니 효율적이지 못하거나 잘못된 부분이 있을 수도 있습니다. [1번 문제] 4번째 Item을 지워라 $("tbody tr:eq(4)").remove(); -> tbody에서 4번째에 있는 tr을 지움 [2번 문제] 1번째와 2번째의 위치를 바꿔라 $(".table-list--person > tbody > tr").eq(1).after($(".table-list--person > tbody > tr")).eq(2) -> table의 클래스(table-list--person)에서 tbody - tr의 경로로 첫번째의 목록과 2번째의 목록의 위치를 바꿈 [3번 문제] 짝수의 Background 를 노란색으로 변경 $("tbo..