HTML 태그 정의 태그의 enctype속성은 폼 데이처(form data)가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 명시 특징 이 속성은 요소의 method 속성값이 'POST'인 경우에만 사용 가능 문법 속성값 application/x-www-form-urlencoded : 기본값으로, 모든 문자들을 서버로 보내기 전에 인코딩됨을 명시 multipart/form-data : 모든 문자를 인코딩하지 않음을 명시함. 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함 text/plain : 공백 문자(space)는 '+' 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함 출처 : tcpschool.com/html-tag-attrs/form-enctype

1. for loop 가장 일반적인 for문 var arr = []; for(var i=0; i

숫자 3자리마다 콤마찍는 쿼리 //'1억2십만3백' 콤마찍기 //1. TO_CHAR : 간단하지만 '999,999,999,999' 선언한 포맷의 자릿수만큼 앞에 공백생김 1. TO_CHAR('100200300','999,999,999,999') AS toChar //2. REGEXP_REPLACE() 함수사용 : 조금 복잡하지만 공백없이 잘 됨 2. REGXP_REPLACE(REVERSE(REGEXP_REPLACE(REVERSE(TO_CHAE('100200300')),'([0-9]{3}','\1,')),'^,','') AS REGEXPREPLACE REGEXP_REPLACE() 함수원리 1단계 : REVERSE()함수를 통해 값을 역순으로 정렬(뒷자리부터 콤마를 찍기위함) 2단계 : 패턴과 일치하는 값 ..

서버호출 없이 JS만으로 엑셀다운로드 구현 //엑셀다운로드시 호출함수 function fnExcelReport(id, title) { var tab_text = ''; tab_text = tab_text + ''; tab_text = tab_text + ""; //엑셀다운로드시 저장될 테이블 지정하여 복사 var exportTable = $('#resultTable').clone(); //복사된 테이블에서 input 태그 제거 exportTable.find('input').each(function (index, elem) { $(elem).remove(); }); tab_text = tab_text + exportTable.html(); tab_text = tab_text + ''; var data_ty..

position 속성 1. static 모든 태그들은 기본적으로 position:static 속성을 가짐(따로 position:static 속성을 주지 않아도 됨) 차례대로 왼쪽에서 오른쪽 위에서 아래로 쌓임 2. relative 기존 static이었을 때의 상태를 기준으로 왼쪽,오른쪽,위,아래 위치를 조절할 수 있음 relative는 각각의 방향을 기준으로 안쪽 방향으로 이동(바깥쪽 방향은 음수로 설정) 보통 태그는 같은 포지션이라면 나중에 나온 태그가 더 위쪽에 위치하지만 z-index속성으로 위쪽 태그 조절가능함 (z-index는 태그들이 겹칠 때 누가 더 위로 올라가는지를 결정하는 속성) 3. absolute relative가 position:static인 상태를 기준으로 움직였다면 absolut..

[헤더고정스크롤 구현] 요건 : JSP내에서 엑셀다운로드를 할 수 있는 테이블 만들어야 하는데, 화면에 보여질 때 헤더는 고정이 된 상태에서 스크롤시 동적으로 리스트를 생성해야함 방법1 . 임시테이블 하나 더 생성 검색 KEY 파일이름 생성일자 KEY 파일이름 생성일자 내용0 내용0 내용0 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 Excel Download 구현내용: 화면에 리스트로 보여줄 테이블(resultTable) 과 헤더만 보여질 테이블(fixedtable) 을 생성 화면에 리스트로 보여줄 테이블(resultTable) thead를 'display..