본문 바로가기

JQuery4

Spring 블로그 만들기 - 16. 게시판 메뉴 관리 이 포스팅의 샘플 게시판 개발 환경은 MAC OS, STS, OpenJDK11 입니다. 블로그 만들기 - 16. 게시판 메뉴 관리 블로그에 게시판을 하나 더 추가 하려고 합니다. 현재 있는 테이블이나 소스를 이름만 바꿔서 복사해 만드는 것이 아니라 현재의 것을 그대로 이용할 수 있도록 하려고 합니다. 기억 하실지 모르겠지만 우리는 이 작업을 위해 처음 게시판 테이블(tbl_board)를 처음 생성할 때 부터 이부분에 대한 처리를 위해 컬럼 하나를 추가해 두었었습니다. 'cate_cd' 컬럼은 한 테이블에 여러 종류의 게시판을 사용 할 수 있도록 하는 최소한의 장치였습니다. 이제 이것을 이용해 다른 게시판을 손 쉽게 추가해 보도록 하겠습니다. 메뉴 관리 프로그램 메뉴 관리 프로그램을 일반 게시판 프로그램과.. 2019. 4. 4.
[도서] 예제로 익히는 제이쿼리 3 5/e 예제로 익히는 제이쿼리 3 5/e 평소에 프로트엔트 영역의 개발에 대해서 항상 스킬이 부족하다는 생각을 하고 있었다.그래도 나름 경력이 쌓이면서 알음알음 조금씩 아는게 쌓이긴 했는데제대로 이해하고 있다고 생각하지 않았다.예를들어 비슷한 역활을 하는$(document).ready(function(){...} 와 $(function(){...}, 그리고 $( ()=> {...});들의 차이가 뭐고 어떤 녀석의 우선순위가 빠른지.. 왜 그런지... 어떤 경우에 어떤 녀석을 써야 가장 효율적인지 모르고 있다.특히나 제이쿼리(jQuery) 쪽은 크게 공부할 생각도 없었다.(jQuery 가 자바스크립트의 한 프레임워크이기도 하고, 2018년 프론트엔트 스킬트리 에서도 빠진것을 보고jQuery 보다는 순수 자바스크립.. 2019. 1. 12.
[Javascript/JQuery] SelectBox change 이벤트 SelectBox 의 change 이벤트 관련 내용을 정리해 본다. 1. change 이벤트 만들기 $("#SelectBoxID").change( function() {//TODO}); 2. bind 를 이용해 change 이벤트를 붙이기 $("#SelectBoxID").bind( "change", function() {//TODO}); 3. on을 이용해 change 이벤트 만들기 $("#SelectBoxID").on( "change", function() {//TODO}); 2018. 7. 26.
[Javascript/JQuery] 선택한 SelectBox의 index 값 알아내기 SelectBox에서 어떤 값을 선택했을때선택한 값이나 내용을 알아 내는 방법은 간단하다. 그런데 해당 옵션들의 index 값을 알아 내는 방법은 생각보다 간단하지 않아서알아낸 방법 2가지를 정리해 본다. 방법1. Javascript를 이용한 방법 var x = document.getElementById("SelectBoxId").selectedIndex;var y = document.getElementById("SelectBoxid").options;var idx = y[x].index;console.log("선택한 index : " + idx); 방법2. JQuery 를 이용한 방법 var idx = $("#SelectBoxId option").index( $("#SelectBoxId option:s.. 2018. 7. 26.