728x90 300x250 SMALL javaScript/J Query & 스크립트138 Math 클래스 숫자를 랜덤하게 생성하는 기능부터 사인및 코사인 같은 수학관련기능이 담겨있다. 이럴때 사용 - 배너나 이미지 슬라이더의 콘텐츠를 랜덤하게 보여줄 때 math.random()메서드 사용 - 콘텐츠의 위치를 무작위로 설정할 때 - 게시판의 페이지 수를 구할 때 - 이미지 갤러리 제작 시 이미지를 곡선에 따라 나열하고 싶을때 abs() 숫자의 절댓값을 반환 acos() 숫자의 아크코사인 값을 반환 asih() 숫자의아크사인 값을 반환 atan() 숫자의 아크탄젠트 값을 반환 atan2() x축과 주어진 점이 이루는 각도를 라디안 값으로 반환 ceil() 숫자의 올림값을 반환 cos() 숫자의 코사인 값을 반환 floor() 숫자의 내림값을 반환 log() 숫자의 자연로그 값을 반환 max() 주어진 두 수 중.. 2019. 8. 12. 타이머 함수 소개 - setInterval() 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능 - 이미지 슬라이더에서 일정 시간마다 이미지가 자동으로 슬라이드 되는 기능 - 롤링 배너에서 일정 시간마다 배너를 변경할 때 - 일정 시간마다 자동으로 변경되는 실시간 검색어 - 게임에서 플레이 시간을 나타낼 때 주요기능 setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 기능 setTimeout() : 일정 시간이 지난 후 특정 구문을 딱 한번 실행하는 기능 clearInterval() : 실행 중인 타이머 함수를 먼추는 기능 타이머 함수는 모두 전역 객체인 window에 들어있다. 즉 window.setInterval()과 setInterval()은 동일하다 01 일정시간마다 특정 구문을 실행하는 타이머 만들기 var.. 2019. 8. 5. 탭메뉴 함수 내부 여러 개의 중첩함수로 포장하기 01 기능분석 하나의 함수에 기능이 몇개가 들어있는지 분류한다. tabMenu라는 하나의 함수에 3개의 기능이 들어있다. 1_ 소스초기화 $tabMenu = $(selector); $menuItems = $tabMenu.find("li"); 2_ 이벤트 초기화 $menuItems.click(function(){ 3_ 탭메뉴 선택처리 // 기존 선택 메뉴 항목이 있으면 비선택 상태로 만들기 if($selectMenuItem!=null){ $selectMenuItem.removeClass("select"); } // 클릭한 메뉴 항목을 신규 선택 메뉴 항목으로 저장 $selectMenuItem = $(this); // 선택 상태로 만들기 $selectMenuItem.addClass("select"); 02 .. 2019. 8. 2. 콜백함수 콜백함수란? 1. 다른 함수의 인자로써 이용되는 함수. 2. 어떤 이벤트에 의해 호출되어지는 함수. 버튼 10번 클릭하면 "완료했습니다" 라는 얼럿창을 띄우는 코드를 콜백함수로 분리하기 문서가 실행되면 바로checkCount() 함수가 실행되고 버튼을 클릭하면 count 값이 ++ 된다 10번이상 클릭하면 완료되었습니다라는 메시지가 출력된다, + 콜백함수 사용 콜백함수를 이용해서 로직구현부분과 처리 부분을 분리해서 작업할수 있다. 2019. 8. 1. 이전 1 ··· 20 21 22 23 24 25 26 ··· 35 다음 728x90 반응형 LIST