ENG
더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
LATEST POSTs
최근 등록된 포스팅 목록 최신순
인기순
- ajax를 사용하여 로딩 문구 만들기 비동기 방식으로 새로운 콘텐츠를 불러오는 경우 로딩중이라는 아이콘이나 모달창등을 어디서나 쉽게 볼 수 있다. 오늘 우리가 만들어보려 하는 것은 바로 'Loading...' 문구를 콘텐츠 영역 가까이에 표시해보려고 한
View Count : 10,011 Created : 2016-06-13 - [jQuery] 클래스의 추가, 제거 및 확인, removeClass(), addClass(), hasClass() 제이쿼리를 사용하여 스타일 추가 및 제거하기 위해 클래스(class) 속성을 선택자로 사용합니다. 그 외에 동적인 스크립트 및 액션 등은 자바스크립트의 ID 값을 많이 사용합니다. 이렇게 클래스명을 추가하
- 제이쿼리 load() 메소드 사용방법 및 예제보기 파일에 있는 데이터를 불러오는 방법으로 load() 메소드를 사용하는 방법에 대하여 알아보려합니다.load() 메소드는 비동기 방식으로 특정 위치에 있는 파일의 객체 또는 문서를 불러올 수 있는 AJAX
- [제이쿼리] 이벤트 요소 가져오는 방법, event.target 특정 DOM 객체의 요소에서 이벤트가 발생한 경우 해당 요소를 가져오는 방법에 대하여 알아보겠습니다. 자바스크립트의 경우 event.target 키워드를 사용하여 아래와 같이 사용할 경우 해당하는 이벤트 DOM 객체
- [제이쿼리] text() 또는 html() 사용시 텍스트만 지우고 태그는 남기는 방법 특정 요소에 있는 텍스트 값을 변경하려고 한다. 만약 그 안에 텍스트 뿐만 아니라 어떤 태그도 담겨 있다면? 제이쿼리(jQuery)를 사용해 text() 또는 html()을 사용하면 간단하게 텍스트를 수정할 수 있으
- [제이쿼리] 이벤트 mouseup 그리고 click 이벤트의 차이점은? 자바스크립트의 이벤트는 이벤트를 발생시키는 경우(트리거 요소)를 구분하여 줍니다. 이때 가장 많이 사용되는 click 이벤트... 그리고 마우스 눌렀다가 뗄 경우 발생하는 mouseup 이벤트가 따로 존재하는데 이
- 제이쿼리 is() 메소드 배우기 제이쿼리는 is() 메소드를 제공합니다. is() 메소드는 특정요소가 선택요소와 관련값 또는 현재의 상태 등을 확인 후 Boolean 값 true, false로 반환합니다. 그래서 is()를 사용해 원하는
- [자바스크립트] 제이쿼리를 사용 속성 삭제 방법, removeAttr() html 태그안의 속성을 제거 또는 삭제하는 경우가 있습니다. 만약 순수 자바스크립트를 사용하면 getAttribute 또는 setAttribute를 통해 제어할 수 있겠죠. 더 간단한 방법으로 제이쿼리를 사용하는View Count : 14,179 Created : 2016-01-08
- [제이쿼리] input 체크박스, 라디오 상태를 체크 또는 해제 방법 웹페이지 퍼블리싱시 입력폼을 만들 경우가 매우 많습니다. 특히 admin, cms, 백오피스 기능을 구현하는 경우 자주 사용되죠. 그 중에서도 가장 많이 만드는 태그가 바로 input 태그로 태그를 사용해
- [제이쿼리 UI] 캘린더 UI datepicker 한글로 변경하기, 로컬라이제이션 제이쿼리 UI는 사용하기 편리한 다양한 UI(유저 인터페이스)를 매우 많이 지원한다. 이 중에서도 편리하면서 꼭 필요한 기능 중 하나로 datepicker를 꼽을 수 있다...# jQuery 플러그인 Da
View Count : 18,549 Created : 2015-12-23 - [제이쿼리] wrap(), unwrap()을 사용하여 감싸고 있는 부모 태그를 제거 또는 추가 제이쿼리를 사용하여 현재 요소의 부모요소를 없애거나 추가할 수 있습니다. 바로 unwrap(), wrap() 메소드입니다.$(test).wrap('<div></div>');$(test).unwr
- 함수에서 event 객체의 target 속성 지정한 요소를 제이쿼리로 컨트롤 제이쿼리를 사용해 이벤트 제어시 이벤트를 발생시킨 요소에 대하여 컨트롤 하는 경우 $(this) 키워드를 사용한다. 이때는 당연히 이벤트를 실행시키는 함수가 필요할 것이고 그 안에서 제이쿼리로 지정된 특정 요소를 컨
- [jQuery] 몇번째 요소인지 확인하는 방법 nth child 제이쿼리를 사용하여 특정 태그요소가 현재 몇번째 해당하는 요소인지 알아내는 방법으로 index() 메소드를 사용할 수 있습니다. index()를 사용하면 처음을 기준으로 몇번째 해당하는지 알려주게 됩니다.View Count : 51,574 Created : 2015-12-09
- [제이쿼리] find() 자식요소내의 요소 선택하기 제이쿼리를 사용해 자식요소를 선택하는 메소드로 find()를 사용할 수 있습니다. 아래는 제이쿼리의 메소드 find()에 대하여 자세히 알아봅니다.# 제이쿼리 find() 메소드 알아보기먼저 find() 함
- 제이쿼리를 사용한 다양한 요소생성 및 속성 함수 이벤트 지정방법 제이쿼리를 사용해 엘리먼트(요소)를 생성하는 방법과 간단하게 클래스, 아이디를 추가하는 방법과 또 CSS스타일과 이벤트를 지정하는 방법도 함께 알아보려합니다. 즉 제이쿼리의 기본 사용 방법에 대하여 알아봅니다.! 제
- [제이쿼리] 자식요소를 가진 요소 선택자, has() 제이쿼리(jQuery)의 선택자 중에서 특정 자식 요소를 가진 선택자만 알 수 있는 방법이 있을까요? 아래에서 확인해봅니다.# 제이쿼리의 has() 선택자제이쿼리에서 어떤 자식 요소를 가진 엘리먼트만 선택하고 싶을
- [jQuery] 자바스크립트 키보드 클릭 이벤트 방법 예제 소스 제이쿼리(jQuery)에서 키보드 이벤트에 관하여 알아봅니다. 키보드를 눌렀을 경우 특정 함수를 동작하려고 합니다. 제이쿼리를 사용하는 경우 어떻게 하면 가능한지 자세히 알아보겠습니다. 제이쿼리는
View Count : 43,956 Created : 2015-02-04 - [제이쿼리] 브라우저 창 크기 변화 이벤트, resize() 제이쿼리를 사용하여 브라우저 창의 크기를 조절할 때 이벤트를 발생하는 방법에 대하여 알아봅니다. 또 자바스크립트만 사용할 경우의 방법도 함께 알아봅니다.# 브라우
- [제이쿼리/CSS] 텍스트 반짝이는 효과 만들기, blink 텍스트가 반짝이는 효과를 가지려면 어떻게 해야할까요? css 또는 자바스크립트를 사용하여 가능합니다. 아래에서는 텍스트에 반짝이는 효과를 만드는 방법을 자세히 알아보려고 합니다. # 텍스트 반짝이는 효과 만
- [jQuery] 스크롤 이동 버튼 만들기, animate메소드, scrollTop 페이지를 최하단 또는 최상단으로 이동시키기 위한 버튼을 보셨나요? 아래 스크린샷의 우측하단을 봐주세요.(그림) 우측 하단의 top 버튼이 바로 스크롤 이동 버튼임 보시는 것처럼 특히 모바일 페이지의 경우 스크롤을 한
View Count : 46,500 Created : 2014-11-26