티스토리

에스제이
검색하기

블로그 홈

에스제이

ssd0908.tistory.com/m

V레니V 님의 블로그입니다.

구독자
6
방명록 방문하기
공지 ▶▶▶ [이클립스 정리 한방 모음]◀⋯ 모두보기
반응형

주요 글 목록

  • [JQUERY] inputbox readonly/disabled 처리하는 방법 안녕하세요, 오늘은 Jquery로 input box를 비활성화하는 방법에 대해서 알아보도록 하겠습니다. 개발을 하다 보면 가끔 input box를 활성화/비활성화 컨트롤을 해야 할 경우가 발생하는데요, 하나씩 기능에 대해서 알아봅시다. 1. readonly input box에 readonly 적용 시 value 수정이 불가능함. 읽기전용으로 설정된 필드는 수정은 불가능하지만, 복사는 가능. 2. readonly 예제 모든 INPUTBOX 읽기전용 설정하기 : $('input').prop('readonly', true); 모든 INPUTBOX 읽기전용 해제하기 : $('input').prop('readonly', false); See the Pen input readonly by seo (@seungbly.. 공감수 0 댓글수 0 2022. 5. 20.
  • [JQUERY] INPUT 박스 한번에 초기화하는 방법, form 초기화 안녕하세요, 오늘은 JQUERY에서 전체 INPUT BOX를 초기화하는 방법에 대해서 알아보도록 하겠습니다. 1. form 한 번에 초기화하는 방법 1 $('#form-name')[0].reset(); select1 select2 select3 select4 select5 select6 라디오1 라디오2 초기화하기 $("#reset").click(function(){ $("#frm-reset")[0].reset(); }); See the Pen Untitled by seo (@seungbly) on CodePen. 2. form 한 번에 초기화하는 방법 2 select1 select2 select3 select4 select5 select6 라디오1 라디오2 See the Pen Untitled by s.. 공감수 0 댓글수 0 2022. 5. 19.
  • [JQUERY] CLASS 변경, 추가(addClass()), 삭제(removeClass()) 안녕하세요, 오늘은 JQUERY를 이용하여 CLASS를 변경하는 방법에 대해서 알아보도록 하겠습니다. 클래스 변경 클래스 삭제 클래스 추가 1. 클래스(class)가 있는 상태에서 값을 변경하는 방법 클래스(class)가 있는 상태에서 클래스를 변경해야 한다면 attr 메소드를 사용하시면 변경할 수 있습니다. 클래스가 modify -> class_modify로 변경됩니다. $('#modify').attr('class','class_modify'); 2. 클래스(class)를 삭제하는 방법 클래스가 삭제됩니다. $('#delete').removeClass(); 3. 클래스(class)를 추가하는 방법 클래스가 추가됩니다. $('#classAdd').addClass(); 공감수 0 댓글수 0 2022. 5. 17.
  • [JQUERY] 항상 최신버전 CDN 불러와서 사용하기 안녕하세요, 오늘은 JQUERY를 CDN으로 불러오는 방법에 대해서 알아보도록 하겠습니다. 웹사이트를 개발하기 위해서는 필수 요소 중에 하나인 JQUERY 라이브러리를 참조해야 하는데, https://jquery.com 사이트에서 라이브러리를 직접 다운받아서 사용하거나, CDN을 이용하여 사용하는 방법이 있습니다. 우선 간략하게 JQUERY, CDN에 대해서 알아봅시다. 1. JQUERY란? jquery는 client HTML 스크립팅을 간소화하기 위해 2006년 존 레식이라는 개발자가 고안한 크로스 플랫폼 자바스크립트 라이브러리입니다. 여러 웹 브라우저에서 동작하기 쉬운 API를 통해 이벤트 처리, 애니메이션, AJAX통신, HTML 탐색 및 조작을 간단하게 만들어줍니다. 또한 MIT 라이선스 오픈소스.. 공감수 0 댓글수 0 2022. 5. 11.
  • [ JQUERY ] 로딩 함수 ready, onload 먼저 수행되는 함수는? 안녕하세요, 오늘은 페이지 로딩 시 바로 수행되는 함수 중 Window.onload와 $(document).ready()함수의 차이점에 대해서 알아보도록 하겠습니다. 두 함수의 차이점은 호출 시점으로 확인할 수 있는데요, 자동 실행 함수를 알아보기전에 웹 브라우저가 어떻게 동작하는지 실행 원리에 대해서 선행학습이 되어야 합니다. 1. 웹 브라우저 동작 순서 사용자 접속( 웹 브라우저 시작 ) 브라우저가 웹 문서 읽기 수행 DOM 생성 웹 브라우저 STATIC(IMG, CSS, JS)등 정보 로드 시작 웹 브라우저 로딩이 완료 및 화면이 모두 생성됨 2. window.onload window.onload() = function() { console.log('window onload : start'); } .. 공감수 1 댓글수 0 2022. 5. 6.
  • [JavaScript] window.open 새창으로 열기 사용법 안녕하세요, 오늘은 Javascript로 웹브라우저에서 새창으로 여는 방법에 대해서 알아보도록 하겠습니다. 웹페이지를 개발하다 보면 새 페이지로 팝업을 띄어야 하는 경우가 있습니다. 이때 사용하는 함수가 window 객체의 open()이라는 함수인데요, window.open 함수를 통해 새창으로 여는 방법에 대해서 알아봅시다. 1. window.open 문법 window.open(url, name, option); window.open('팝업주소', '팝업창이름', '팝업창옵션'); 2. window.open [ url ] 새로운 창에 보여질 주소로써 url 설정을 안 하면 (about:blank)가 뜹니다. 3. window.open [ name ] 새로운 창의 속성 또는 창의 위치 및 이름을 지정합니.. 공감수 3 댓글수 0 2022. 5. 3.
  • [Javascript] 웹 브라우저 정보 확인 Navigator (꿀팁) 안녕하세요, 오늘은 Javascript로 웹 브라우저의 정보를 확인하는 방법에 대해서 알아보도록 하겠습니다. 목차 Navigator란? Navigator 속성 정보 Navigator 사용 방법 1. Navigator란? 브라우저 공급자 및 버전 정보등을 포함한 다양한 정보를 확인하려면 Navigator 객체를 사용하는데요, 이 객체는 넷스케이프의 초기 웹 브라우저인 네비게이터에서 유래되었습니다. 2. Navigator 속성 정보 navigator.appName [ 브라우저 이름 ] navigator.appVersion [ 브라우저 버전정보 ] navigator.appCodeName [ 브라우저 코드명 ] navigator.platform [ 브라우저 운영체제] navigator.userAgent [ us.. 공감수 0 댓글수 0 2022. 1. 20.
  • [JQUERY] 클립보드(clipboard) 간편하게 복사하는 방법(꿀팁) 안녕하세요, 오늘은 JQUERY 클립보드로 텍스트를 복사하는 방법에 대해서 알아보도록 하겠습니다. 기본적인 방법은 3단계로 나뉠 수 있습니다. 1. 이벤트 처리 버튼과 INPUT BOX에 데이터 세팅하기 2. 사용자가 복사하기 버튼을 클릭하면 INPUT BOX의 데이터를 클립보드로 복사 3. 주의할 점 1. 이벤트 처리 버튼과 INPUT BOX에 데이터 세팅하기 복사하기 위와 같이 이벤트를 처리할 버튼과 복사할 텍스트를 준비합니다. 클립보드로 데이터를 복사하는 방법은 여러 가지가 있지만 그중에서 가장 간단한 방법으로 접근해 봅니다. 보통 데이터를 담고 있는 INPUTBOX를 화면에서 안 보이게 처리하는데 여러 방법 중 INPUTBOX를 hidden 처리하여 화면에서 숨김 처리합니다. 2. 사용자가 복사하.. 공감수 0 댓글수 0 2022. 1. 19.
  • [Jquery] checkbox 값 가져오기, 선택하기, checked처리 이번포스트에서는 jquery를 활용하여 checkbox, raidobox를 제어해보도록 하겠습니다. 1.) checkbox checked 여부 ( id로 체크하는 경우 ) $('input:checkbox[id="checkbox_id"]').is("checked")==true 2.) checkbox checked 여부 ( name으로 체크하는 경우 ) $('input:checkbox[name="checkbox_name"]').is(":checked") == true $('input[name="checkbox_name"]').is(":checked") 3.) checkbox 갯수 확인 ( 전체 갯수 ) $('input:checkbox[id="checkbox_name"]').length 4.) checkbox.. 공감수 0 댓글수 0 2020. 12. 29.
  • [Jquery UI] datepicker 달력 사용법 및 옵션 이번 포스트에서는 JQuery에서 제공하는 위젯 중에 하나로써 날짜를 선택할 때 사용자에게 편의성을 제공하는 datepicker에 대해서 알아보도록 하겠습니다. 날짜 데이터를 사용자로부터 입력받을 때 select box 형태로 날짜 데이터를 제공하기도 하지만 마우스로 달력 UI에서 날짜를 선택하도록 데이터를 제공하기도 합니다. 사용법에 대해서 알아보도록 합시다. Date: 사이에 jquery ui의 link와 script를 삽입합니다. 위의 코드를 실행하면 아래와 같은 달력 UI가 생성됩니다. datepicker는 다양한 옵션을 제공합니다. 자주 사용하는 옵션을 대해서 알아봅시다. Date: changeMonth : select box 월표 시 유무(true/false) changeYear : selec.. 공감수 1 댓글수 1 2020. 7. 8.
  • [javascript] history.back() 이전 페이지로 돌아가기 이번 포스트에서는 이전 페이지로 돌아가기 위한 방법에 대해서 알아보도록 하겠습니다. Javascript를 이용하여 페이지를 이동하기는 방법은 여러 가지가 있습니다. 그중에 가장 많이 사용하는 메서드를 정리해 봤습니다. 우선 history 객체란 무엇인지 알아봅시다. history 객체 자바스크립트에서 history 객체는 브라우저의 history 정보(사용자가 방문한 URL 정보)를 저장하는 객체입니다. 사용자의 개인정보를 보호하기 위하여 history 객체에 접근하는 방법을 일부분 제한하기도 합니다. 또한 예약어이기 때문에 변수명으로 사용하지 않는 걸 추천합니다. history 목록으로 접근하는 방법으로 크게 3가지가 있습니다. 1) history.back() 이전 페이지로 이동 현재페이지에서 바로 이.. 공감수 2 댓글수 0 2020. 7. 7.
  • jstl에서 따옴표 처리 (문자열 이스케이프 처리:escapeXml) DB에서 받아온 값에 (")따옴표가 있으면 input에 넣을때나, script에서 처리할때 잘리는 현상이 발생한다. 한가지 예로 [치매는 노화 현상이 아닌 "병적인 현상" 반드시 치료가 필요하다.] 라는 제목에서 (")를 치환하려면 jstl fn에서 처리하면 된다. 해결방법 상단에 를 추가하고 DB에서 받아온 값이 title일때 위처럼 처리하면 된다. 공감수 1 댓글수 0 2020. 6. 24.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.