web developer

Controller컨트롤러에서 Service를 호출하여 데이터를 JSP로 전달@Controllerpublic class BoardController { @Resource(name = "BoardService") private BoardService boardService; @RequestMapping(value = "/board.do") public String selectBoard( ModelMap model, @RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "10") int pageSize ) throws Exception { // P..

Select 박스에서 '직접 입력' 옵션으로 입력란 토글하기1. html  형식 선택 1번 2번 3번 4번 5번 직접 입력 2. jsfunction syncInputWithSelect() { // select 박스의 첫번째 option 값으로 초기화 var selectBox = $("#selectBox"); selectBox.val(selectBox.find('option:first').val()); // input 태그의 값 var inputValue = $("#inputText"..

1. jQuery 버전 확인Ajax에서 배열을 전송할 때, traditional: true 옵션을 사용해야 하는 경우는 jQuery 1.4 이전의 버전에서 jQuery.param() 함수를 사용할 때입니다. jQuery 1.4 이전 버전에서는 param() 함수가 기본적으로 배열을 전송할 수 있는 형태로 시리얼라이즈하지 않기 때문에, 배열을 전송할 때 traditional: true 옵션을 명시적으로 설정해야 했습니다.하지만 jQuery 1.4 이후 버전부터는 param() 함수가 기본적으로 배열을 다룰 수 있는 방식으로 업데이트되어서, 일반적으로 traditional: true 옵션을 따로 지정하지 않아도 됩니다.2. params 객체를 JSON 문자열로 직렬화하여 AJAX 요청으로 서버에 전송 배열을..

Date 객체의 모든 인스턴스에서 사용할 수 있는 새로운 메서드 yyyymmdd를 정의해보았다.Date.prototype.yyyymmdd = function(month) { // 현재 날짜에서 month를 뺀 새로운 날짜 생성 let date = new Date(this); date.setMonth(date.getMonth() - month); // 년, 월, 일 값을 가져와서 두 자리 형식으로 변환 let yyyy = date.getFullYear().toString(); let mm = (date.getMonth() + 1).toString().padStart(2, '0'); let dd = date.getDate().toString().padStart(2..

(1) 뷰포트 정의 뷰포트(viewport)란 웹 페이지를 볼 때 보이는 영역을 말합니다. 모바일 기기에서는 디스플레이의 크기가 작아서 뷰포트가 작은 경우가 많습니다. 이 경우, 웹 페이지의 컨텐츠가 작게 보일 수 있고, 가독성이 떨어질 수 있습니다. 이를 해결하기 위해 뷰포트를 조정할 수 있습니다. 뷰포트는 HTML 문서의 태그를 이용하여 조정할 수 있습니다. 위 코드에서 width=device-width는 뷰포트의 너비를 기기의 너비로 설정한다는 의미입니다. initial-scale=1.0은 페이지 로딩 시 초기 축소/확대 비율을 1로 설정한다는 의미입니다. 이렇게 설정하면, 모바일 기기에서 웹 페이지가 자연스럽게 보이게 됩니다. 뷰포트를 설정할 때 주의할 점은, 뷰포트를 설정하면 반드시 미디어 쿼리..

java [ captcha 이미지, 오디오 생성 ] public class CaptchaUtil { /* CaptCha Image 생성 */ public void captchaImg(HttpServletRequest request, HttpServletResponse response) { Captcha captcha = new Captcha.Builder(200,60) // 이미지 크기 200 x 60 .addText(new NumbersAnswerProducer(6)) // 6자리 숫자 .addNoise().addNoise().addNoise() // 방해선 .addBackground(new GradiatedBackgroundProducer()) // 배경색 .addBorder() // 테두리 .bui..

https://take-it-into-account.tistory.com/198 [js] monthpicker 기본 설정, 월 비활성화하는 방법CDN (content delivery network) monthpicker 설정하기 1. input 태그 한줄 작성 2. 현재 시간 ; 2022년 8월 month 값을 통해서 아직 다가오지 않은 9, 10, 11, 12의 값을 fot문을 통해서 months 에 담아줍니다. $(document).readtake-it-into-account.tistory.com이번글은 위의 글과 같이 monthpicker를 생성한 이후 단계입니다. 1. 위에 파란색으로 active되어 있는 부분을 초기화시킨다.// monthpicker 초기화$('.ui-state-default.m..

1. getDay() 정의 data 함수 중에 getFullYear(), getMonth(), getDate(), getDay()를 이용하면 오늘 날짜의 연도, 월, 일을 알 수 있습니다. 이 중 getDay() 에 대해서 살펴보겠습니다. 1) 0 ~ 6 숫자로 반환. 0 : 일요일 (Sunday) 1 : 월요일 (Monday) 2 : 화요일 (Tuesday) 3 : 수요일 (Wednesday) 4 : 목요일 (Thursday) 5 : 금요일 (Friday) 6 : 토요일 (Saturday) 2) 6으로 나눈 나머지가 0인지 여부에 따라 평일/주말 구분 가능. 평일: (반환값%6 != 0) 주말: (반환값%6 ==0) 2. getDay() 구문 Date.getDay() * 매개변수 : X 3. getDa..

When to Use Arrays. When to use Objects. JavaScript does not support associative arrays. You should use objects when you want the element names to be strings (text). You should use arrays when you want the element names to be numbers. 개체 속성에 접근할 수 있는 방법 2가지 1) objectName.propertyName 2) objectName["propertyName"] JavaScript Arrays If you use a named index when accessing an array, JavaScript will..

src\main\webapp\WEB-INF\web.xml action org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/config/egovframework/springmvc/dispatcher-servlet.xml 1 31457280 1004857600 pom.xml commons-io commons-io 2.6 commons-fileupload commons-fileupload 1.3.3(1-1) 파일 단일 업로드 기능  - javaScript더보기더보기functio..