MINYA

Web Server 가 필요한 이유 클라이언트(웹 브라우저)에 이미지 파일(정적 컨텐츠)을 보내는 과정을 생각해보자. 이미지 파일과 같은 정적인 파일들은 웹 문서(HTML 문서)가 클라이언트로 보내질 때 함께 가는 것이 아니다. 클라이언트는 HTML 문서를 먼저 받고 그에 맞게 필요한 이미지 파일들을 다시 서버로 요청하면 그때서야 이미지 파일을 받아온다. Web Server를 통해 정적인 파일들을 Application Server까지 가지 않고 앞단에서 빠르게 보내줄 수 있다. 따라서 Web Server에서는 정적 컨텐츠만 처리하도록 기능을 분배하여 서버의 부담을 줄일 수 있다. WAS(Web Application Server) 가 필요한 이유 웹 페이지는 정적 컨텐츠와 동적 컨텐츠가 모두 존재한다. 사..

Web Server(웹서버) 란? Web Server(웹서버)를 알기전, 정적 페이지(Static Pages), 동적 페이지(Dynamic Pages)에대 해서 이해해야 한다. 정적 페이지(Static Pages) Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. 항상 동일한 페이지를 반환한다. Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들 동적 페이지(Dynamic Pages) 인자의 내용에 맞게 동적인 contents를 반환한다. 즉, 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 * Servlet: WAS 위에서 돌아가는 Java Program 개발자는 Servlet에 doGet()..

스마트폰에서 검색하면 바로바로 나오는데, 데스크탑(pc)에서 검색하면 링크조차 찾기 힘들다. 참고로 데스크탑(pc)에서도 돌아가는데, 화면은 모바일 버젼으로 돌려야한다. 하지만 전혀 불편한거 없으니 그냥 링크 들어가시기 바랍니다. 블로그에 링크라고 적어논 새키들은 해당 링크로 가는게 아니라 지들 블로그로 유입시켜서 광고 노출 시키려는 개새키들... 아니 시부랄 그럴거면 링크라도 걸어주고 가던가... 유입시켜놓고 링크도 없는 경우는 뭔데 시부랄 짜증나서 내가 링크 건다. 네이버 제비뽑기 https://m.search.naver.com/search.naver?sm=mtp_sug.top&where=m&query=%EB%84%A4%EC%9D%B4%EB%B2%84+%EC%A0%9C%EB%B9%84%EB%BD%91..

onchange() 함수 활용 간단히 onchange 함수를 활용해볼 수 있다. html 1월 2월 3월 4월 5월 script // 제이쿼리를 이용한 방법 $("#month").change(function(){ let month1 = $(this).val(); let month2 = $("#month > option:selected").val(); console.log(month1); console.log(month2); }); // 함수를 만들어 호출하는 방법 function getMonth() { let month3 = $("#month > option:selected").val(); console.log(month3); } 셀렉트박스(SelectBox) 값(value) 고정시키기 // value값..

테이블 스크롤 기능 table 태그를 만들어서 작업하다보면 반응형에서 문제를 일이큽니다. 크기는 줄어드는데, 테이블의 데이터들 때문에 넓어지고나 늘어나거나 길어지곤 합니다. 이럴 때 테이블에 가로 또는 세로 스크롤 기능을 사용하면 됩니다. 순서 div 하위에 table 생성 div에 width 값이나 height 값을 지정 overflow 속성을 사용하여 스크롤 여부 속성을 지정 필수 : table 에 white-space:nowrap; 적용 물론 테이블 마다 사용법이 다르겠지만 , 일반적으로 정보 전달을 위한 테이블 요소인데, 정보의 내용이 많다면 nowrap를 사용하여 줄바꿈을 막아주어야 테이블이 깨지지 않고 올바르게 보여지게 됩니다. /*해당 범위를 벗어나지 않으면 그대로 표시하고, 벗어나면 스크롤..

자바에서 긴 소수를 반올림하여 n번째 자리까지 나타내는 방법에 대해 알아보겠습니다. 여러가지 방법이 있겠습니다만 Math.round(); Math.ceil(); Math.floor(); 함수를 활용하거나 String.format(); 함수를 활용하는것이 대표적인 방식입니다. 위 함수들은 실수의 소수점 첫번째 자리를 반올림하여 정수로 리턴시켜줍니다. 하지만 이 메서드를 잘 활용하면 소수점 몇번째 자리까지 나타내는것도 가능합니다. 예를들어 33.777*100을 하면 3377.7가 되겠죠. 여기서 round를 적용시키면 3378이라는 정수가 리턴될것입니다. 여기서 다시 100.0을 나눠주면 실수로 적용되어 나옵니다. (33.78이 나오게 됩니다.) 소수점 둘째 자리까지 나타내고싶으시면 100.0을 곱하였다가 ..

input태그 사용시 type=”number” 로 지정하면 아래와 같은 현상이 나타날 때가 있습니다. 바로 화살표 증가, 감소 버튼이 생겨버리는데요. 간단히 없앨 수 있는 방법이 있습니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 위의 코드를 styleSheet 에 적용하시면 됩니다. 결과

동적 쿼리(if, choose) 복잡한 형태의 쿼리를 만들다 보면 로직에따라 if문을 추가해야 한다던지 if else 문을 추가해야할 경우가 있습니다. myBatis는 이를위해 동적 쿼리를 위한 기능을 제공합니다. 그중에서도 가장 많이 사용되는 if 문과 choose문을 살펴보겠습니다. 동적쿼리는 XML 매퍼에 지정하게 되는데, JSTL을 사용해봤던 사람들이라면 큰 어려움이 없는 문법입니다. IF age라는 속성의 값이 null이나 빈값이 아닐때 검색조건에 추가하는 구문입니다. SELECT id, name FROM TB_test a WHERE type = 'A' AND age = #{age} Choose if else와 같다고 보면 됩니다. SELECT id, name FROM TB_tes..

Math() Math.ceil() : 소수점 올림, 정수 반환 Math.floor() : 소수점 버림, 정수 반환 Math.round() : 소수점 반올림, 정수 반환 올림 let testNum = 99.11; console.log(Math.ceil(testNum)); // 100 출력, 올림 적용 버림 let testNum = 99.11; console.log(Math.floor(testNum)); // 99 출력, 버림 적용 반올림 let testNum = 99.5; console.log(Math.round(testNum)); // 100 출력, 반올림 적용 toFixed(), toExponential(), toPrecision() toFixed(), toExponential(), toPrecisio..

substring, 문자열 자르기 Substring을 사용하기 위해선 function을 지정해야 하는데 아래의 태그를 jsp 페이지 최상단에 선언해주세요. 사용법 ${fn:length(testValue) } // 데이터의 사이즈 확인 ${fn:substring(testValue,0,3) } // 010 ${fn:substring(testValue,4,8) } // 1234 ${fn:substring(testValue,9,13) } // 5678