본문 바로가기

728x90

자바스크립트

[jquery] 윈도우또는 객체의 크기 확인방법 가끔 html을 작성하다보면 어느 객체의 크기에 따라 동작을 다르게 해야하는 경우가 생깁니다. 그럴 경우에는 css의 미디어를 이용해도 되지만 jquery를 통해서도 비슷한 효과를 줄 수 있습니다. 특히 jquery에서는 특정 객체의 크기를 아주 손쉽게 가져올 수 있습니다. jquery에서 객체의 크기를 가져오는 방법은 다음과 같습니다. $(객체).width(); $(객체).height(); 여기서 객체라는 것은 ".클래스명" 또는 "#아이디", (document), (window) 등을 의미합니다. 다만 중복해서 객체를 반환할 수 있는 클래스명 같은 경우에는 따로 지정해주지 않는 경우에는 가장 첫번째 객체를 기준으로 값을 얻을 수 있습니다. 또한, 얻을 수 있는 값은 padding 등의 여백을 제외한 .. 더보기
텍스트 <=> 엔티티 코드 문자열을 아스키코드로, 아스키코드를 문자열로 바꾸어줍니다. 상황에 맞게 라디오 버튼을 선택하여 이용하시면 됩니다. 문자 ▶ 엔티티코드 엔티티코드 ▶ 문자 문자 ▶ 엔티티코드*텍스트 박스에 입력된 문자를 엔티티코드(&#코드;)로 표시한다 엔티티코드 ▶ 문자*텍스트 박스에 입력된 엔티티코드(&#코드;)를 문자로 표시한다 더보기
타이머 자바스크립트 - 타이머를 만들어보자!의 완성본입니다. 더보기
타이머를 만들어보자. 으음... 자바 스크립트에 관한 강의를 쓰기 시작하려고 하는데 말이죠... 사실, 저는 자바 스크립트를 전문적으로 배웠다거나 한 것은 아닙니다. 그냥 여기저기 기웃거리면서 독학으로 배운게 전부이기에 틀린 부분이 있을 수도 있고, 조잡하게 만들어지는 부분이 있을 수 있습니다. 그런 점은 좀 양해 해주시길 바랍니다! 아, 참고로 말하자면 제가 강의하는 자바 스크립트의 경우에는 대부분 Jquery를 조금이라도 사용하니 유의하시길. 그럼, 이제부터 시작해보겠습니다. 이번에 만들어 볼 타이머는 거창한 기능같은게 있는게 아닌, 정말 말 그대로 타이머 기능에만 충실한 녀석입니다. 타이머에 필요한게 뭐가 있겠습니까? 시간이 흐르게 하고, 시간이 다 지나면 띵똥띵똥 하면서 알림음이 울리도록 만들면 되는겁니다. 뭐, 추가.. 더보기

728x90