LATEST POSTs 가장 최근에 등록된 포스팅 목록입니다.

• js [자바스크립트] Bookmarklet의 활용범위 및 특징 알아보기 우리가 흔히 사용하는 북마크(bookmark)는 브라우저에 특정 페이지로 바로가기 위해 사용합니다. 자주 가는 페이지나 잊지 않기 위해 메모의 기능으로 북마크를 사용하죠... 하지만 북마크릿에 간단한 프로그래밍을 사용하면 북마크릿(bookmarklet)으로 재탄생할 수 있습
• js 자바스크립트와 제이쿼리(Jquery)는 무엇이며 특징 알아보기 # JavaScript(자바스크립트)는 무엇인가?Java Script는 웹개발 스크립트 언어 중 가장 넓리 쓰이는 객체지향 언어(OOL: Objec
• js [자바스크립트] 화면, 브라우저, 클라이언트의 높이, 너비(폭) 불러오는 속성 동적인 화면을 구성하기 위해서는 브라우저의 크기와 현재값을 알아둘 필요가 있습니다. 현재의 디바이스가 가지는 최대 width 너비의 크기등을 말이죠. 얻을 수 있는 값들 중 크기 순으로 정렬하자면 아래와 같습니다clientHeight > offsetHeight > scrollHeight</spa
• js [자바스크립트] iframe 태그에 접근해 문서 객체 DOM 요소 접근 iframe 태그를 이용해 외부 도메인 또는 URL 주소의 내용을 자신의 웹사이트에 보여주는 경우 ... 때때로 iframe의 DOM 영역에 접근할 필요가 있습니다. 이때 어떻게하면 가능한지 알아봅니다.
• js [JavaScript] 마우스로 선택된 범위 값 text로 불러오기, getSelection() 특정 범위의 텍스트가 선택 된 경우 해당하는 텍스트 값을 가져올 수 있게 해줍니다.window.getSelection();(작성중임...)
• 
  js [JavaScript] 문자 숫자 변환, parseInt() 자바스크립트를 사용하여 데이터 타입을 숫자로 변경하는 방법에 대하여 알아볼까 합니다. 우선 자바스크립트에서 사용되는 데이터
• js [JavaScript] 타입이 NaN인지 확인, isNaN() 숫자 데이터를 처리하는 과정에서 사용되는 isNaN() 함수에 대하여 알아보도록 하겠습니다. isNaN() 함수는 무엇이고 어떻게 사용하는지 예제를 통해 아래에서 알아보세요. 먼저 isNaN() 함수는 무엇일까요?</sp
• 
  js [JavaScript] 변수에서 특정문자 기준 자르기(나누기), split() 특정문자를 기준으로하여 문자열을 나누거나 구분하는 방법이 필요할 때가 있습니다. 이때 자바스크립트에서는 어떻게해야할까요? 이 경우 사용가능한 방법으로 바로 split
• js [자바스크립트] 텍스트에서 찾는 문자의 위치(순서) 불러오기, search() 문자열에서 특정 텍스트의 위치를 알고싶을때 search() 함수를 사용합니다. 해당 함수는 특정 문자열의 위치를 숫자로 반환하여 줍니다. 자세한 내용은 아래 예제를 참고하세요.<span style="col
• js [JavaScript] 모바일 접속시 모바일 페이지로 변경 요즘 모바일 페이지는 필수라고 생각합니다. 모바일 접속자가 급성장하는 추세에 요즘 모바일 사용자가 워낙 많기 때문에 모바일 페이지를 개발 할 수밖에 없습니다. 만약 모바일로 접속한 사용자를 모바일 페이지에 이동시키려면 어떻게 할까요? 우선 navigator객체를 통해 <
• js [자바스크립트] 날짜 데이터에 불러오기(년, 일, 월), Date객체 자바스크립트를 사용하여 날짜 데이터에 접근하기 위하여는 Date 객체를 통해서 접근이 가능하다. Date 객체는 날짜 및 시간에 관련된 정보를 가지고 있다.날짜 정보를 사용할 경우 일반적으로 Date
• 
  js [자바스크립트] 백그라운드(background) 경로, 주소 불러오기, getComputedStyle() 이미지 태그를 사용하지 않고 백그라운드를 사용한 이미지의 경우 이미지 경로를 확인하려면 아래의 함수를 사용해 불러올 수가 있습니다. 그 외에도 다른 속성들 예를 들어 display나 margin</
• 
  js [JavaScript] Select 태그의 값을 순서, Index로 찾기, selectedIndex select 태그에서 선택된 값이 있는 경우 몇번째 해당하는지 값을 알려면 어떻게 알 수 있을까요? 아래 방법은 선택된
• js [Ajax] 전달받은 responseText의 데이터를 객체로 변환 및 출력하기 Ajax등의 비동기 통신으로 받은 데이터가 문자열이나 객체 구조를 띄는 경우가 있습니다. 실제로 데이터베이스 또는 로컬에 저장할때 문자열로 변환 후 저장하기도 하는데 이런 경우 다시 객체 구조로 변환해야 사용할 수 있죠</spa
• 
  js [Ajax] 비동기식 처리, XMLHttpRequest 자바스크립트를 사용하여 비동기 방식(ajax)으로 처리하는 웹사이트가 많이 늘어나고 있습니다. 그 이유는 역시 비동기식 방식(asynchronous
• js [JQuery] Input, Textarea 활성화 또는 비활성화 변경 제이쿼리를 사용하여 input 태그 그리고 textarea 태그를 활성화 또는 비활성화로 변경하는 방법을 알아봅니다. 입력폼인 위 태그를 활성화 또는 비활성화 할 경우 글 입력(작성)이 가능 또는 불가능하게 변경할 수 있습니다. 그렇다면 아래는 이를 바꾸는 방법입니다.<span data-custom-style="c
• 
  js [자바스크립트] replace() 문자 변환, 치환 자바스크립트를 사용해 특정 문자를 다른 문자로 치환하는 방법에 대하여 알아볼까합니다. 먼저 사용할 메소드는 replace() 입니다. 사용방법은 아래와 같습니다.<
• 
  js [JQuery] 이벤트 통합 메서드의 활용, on(), off() 우선, 이벤트 통합 메서드는 JQuery 1.7 이후 버젼부터 사용이 가능합니다. 기존의 이벤트의 핸들러 함수로는 bind(), l
• 
  js [JQuery] 클릭 이벤트의 반복실행, toggle() 클릭 이벤트를 구현할 때 똑같은 기능이 반복되게 하려면 어떻게할까요? 마치 스위치를 누를때처럼 말이죠. 버튼을 누를때 마다 다른 함수를 실행하거나 아니면 스위치를 켜고 끌때와 같이 딱 두개만 반복해서 계속 실행하려면 아래의 방법을 사용합니다.(아래에 나와 있지만 현재
• 
  js [JQuery] 이벤트의 강제 실행, 커스텀 이벤트, trigger() 커스텀 이벤트를 만들려고 합니다. 이벤트를 실행하기 위해서는 이벤트 핸들러가 필요하죠. 클릭이나 스크롤 이동, 브라우저 사이즈 등등 몇몇의 핸들러가 작동하게 될 경우 브라우저에 이를 알리고 함수를 실행하지만 이런 <span