울음참고 개발공부
article thumbnail
JavaScript | 특정시점으로 이동하기 - scrollIntoView();
jQuery && JS 2023. 11. 14. 10:12

아래와 같이 클릭하면 원하는 시점으로 이동하도록 설정해보자 웹프로젝트를 설계한다는 것 요구사항 정의서란? 기능적/비기능적 요구사항 웹프로젝트를 설계한다는 것 웹 프로젝트를 기획(설계)한다는 것 웹 프로젝트를 설계한다는 것은 그 프로젝트를 구상하고 구체화하는 과정을 말한다. 이를 통해 프로젝트의 목적과 범위를 명확히하고, 사용자 요구를 이해하며, 그에 맞는 기능과 시스템 구조를 설계한다. 요구사항 정의서, 플로우차트, DB 차트, UI/UX 디자인등을 작성하는 것이 설계의 결과물로 올 수 있다. 장점 ) 1. 문서와 다이어그램을 통해 프로젝트를 시각적으로 보여줌으로서 팀원들 간에 의사소통을 돕고, 개발을 위한 청사진이 될수 있는 자료를 제공 2. 프로젝트 초기에 발생할 수 있는 혼란이나 수정 사항을 줄이고..

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) 제목 : 서울 전지역 화장품 사업부 팀장모집 이부분은 나중에 다시 테스트하며 정리해두어야겠다.