DevTzu

HTML 웹 페이지 개발 시 난수를 생성해야 될 일이 자주 있습니다. 이때 random함수를 사용하여 난수를 만들어주면 되는데요. 방법은 아주 쉽습니다. 자바스크립트에서 난수를 발생하는 방법에 대해 알아보겠습니다. 자바스크립트에서 랜덤함수 사용은 간단합니다. // 소수점 숫자가 리턴된다 var num = Math.random(); console.log(num); // 0.27160320560383355 범위가 지정된 난수생성 로또같은 1 ~ 45 범위중 난수를 얻으려면 범위를 지정해주면 된다. var min = 1; var max = 45; var num = (Math.random() * max - min) + min; console.log(num); // 6.161966191232437 // 소수점 올..

Web HTML 페이지 개발시 금액을 표시해야 되는 일은 아주 많이 발생합니다. 우리나라 금액 표시 방법은 1000단위 마다 콤마를 붙이도록 되어있는데요. ex) 1000원 -> 1,000원 화면에 표시할때 천단위마다 콤마를 붙여주면 가독성이 훨씬 좋아집니다. 아주 간단한 스크립트로 천단위마다 콤마를 붙여줄 수 있습니다. javascript function numberWithCommas(n) { return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 본인이 개발중인 html 페이지에 영역에 위의 function을 추가해줍니다. 그리고 출력시 해당 function에 금액을 넣어주면 천단위마다 콤마를 표시하는 문자로 리턴되어 출력할 수 있습니다. 해당 방..

자주 사용하는 javascript 함수 10가지를 소개합니다. 1. split() split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. var text = "Hello! world Javascript!"; var splits = text.split(" "); console.log(splits); // ["Hello!", "world", "Javascript!"] 2. indexOf() indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다. 'Blue Cloud'.indexOf('Blue'); // returns 0 'Blue Cloud'.indexOf('Blute');..

[blendTrans Filter] 객체를 흐릿하게 또는 뚜렷하게 하는 효과 이미지 또는 텍스트 등에 시간 간격을 두고 다양한 효과를 줄때 사용 blendTrans는 단독으로는 사용 할수가 없고 스크립크와 함께 사용 ※Methods object.filters.blendTrans.apply() : 객체에 blendTrans필터 적용 object.filters.blendTrans.play(duration) : 필터효과 시작 object.filters.blendTrans.stop() : 필터효과를 정지 ※Properties duration : 적용되어지는 시간을 설정(초단위) enabled : filter를 적용할것인지를 설정. true(default), false ....

아래 그림과 같이 마우스를 이미지 위에 올렸을 때는 "이미지 저장 박스"가 나타나게됩니다. 저는 웹사이트 제작시 "이미지 저장 박스"가 지저분하다고 생각되어 아래와 같은 코드를 추가합니다. 필요하신분은 헤더부분에 아래 한줄을 삽입하면 끝!