훈잇 블로그

이 포스팅의 샘플 게시판 개발 환경은 MAC OS, STS, OpenJDK11 입니다. 블로그 만들기 - 16. 게시판 메뉴 관리 블로그에 게시판을 하나 더 추가 하려고 합니다. 현재 있는 테이블이나 소스를 이름만 바꿔서 복사해 만드는 것이 아니라 현재의 것을 그대로 이용할 수 있도록 하려고 합니다. 기억 하실지 모르겠지만 우리는 이 작업을 위해 처음 게시판 테이블(tbl_board)를 처음 생성할 때 부터 이부분에 대한 처리를 위해 컬럼 하나를 추가해 두었었습니다. 'cate_cd' 컬럼은 한 테이블에 여러 종류의 게시판을 사용 할 수 있도록 하는 최소한의 장치였습니다. 이제 이것을 이용해 다른 게시판을 손 쉽게 추가해 보도록 하겠습니다. 메뉴 관리 프로그램 메뉴 관리 프로그램을 일반 게시판 프로그램과..

예제로 익히는 제이쿼리 3 5/e 평소에 프로트엔트 영역의 개발에 대해서 항상 스킬이 부족하다는 생각을 하고 있었다.그래도 나름 경력이 쌓이면서 알음알음 조금씩 아는게 쌓이긴 했는데제대로 이해하고 있다고 생각하지 않았다.예를들어 비슷한 역활을 하는$(document).ready(function(){...} 와 $(function(){...}, 그리고 $( ()=> {...});들의 차이가 뭐고 어떤 녀석의 우선순위가 빠른지.. 왜 그런지... 어떤 경우에 어떤 녀석을 써야 가장 효율적인지 모르고 있다.특히나 제이쿼리(jQuery) 쪽은 크게 공부할 생각도 없었다.(jQuery 가 자바스크립트의 한 프레임워크이기도 하고, 2018년 프론트엔트 스킬트리 에서도 빠진것을 보고jQuery 보다는 순수 자바스크립..

SelectBox 의 change 이벤트 관련 내용을 정리해 본다. 1. change 이벤트 만들기 $("#SelectBoxID").change( function() {//TODO}); 2. bind 를 이용해 change 이벤트를 붙이기 $("#SelectBoxID").bind( "change", function() {//TODO}); 3. on을 이용해 change 이벤트 만들기 $("#SelectBoxID").on( "change", function() {//TODO});

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..