목록전체보기 (115)
Develop
🗺️ Geolocation API로 위치, 날씨 정보를 얻어오기 (tistory.com) 🗺️ Geolocation API로 위치, 날씨 정보를 얻어오기 Geolocation API Geolocation API는 자바스크립트 프로그램이 사용자의 실제 위치를 브라우저에게 요청할 수 있도록 해준다. 물론 이런 정보들은 주요한 개인 정보와 관련되어 있으므로, 브라우저에서는 inpa.tistory.com
목적 JSTL 의 fmt 태그를 이용하여 날짜 출력 형식을 변경하려고 한다. 1. 먼저 맨 위에 taglib 적어주기 위의 3개중에 중간에 있는 것이다. 2. 그 다음 formatDate 형식에 맞춰서 입력하면 끝이다 기본형태 자주쓰는 형태 나는 이렇게 입력했다 출력 결과 형식은 원하는대로 잘 나오니 표의 칸 길이를 조절해봐야겠다 +) 월은 M(대문자) 쓰는 것 잊지말기 탈퇴일만 m(소문자)로 입력해보았다 출력 결과 탈퇴일을 보면 2월에 탈퇴했는데 10월이라고 나온다. 이렇게 원하는 값과는 다른 값이 나오므로 조심하자 참고한 글 [JSP] JSTL 태그로 날짜 형식 변경하기 — 기록하는 공간 (tistory.com) [JSP] JSTL 태그로 날짜 형식 변경하기 오라클에서 날짜를 저장할 때는 주로 DAT..
목적 내정보 페이지에서 내가 쓴 글들만 조회하고 싶음 => 내 아이디와 페이징 처리를 위한 Criteria 정보를 mapper에 보내야함 controller // 내정보 페이지로 이동(Mypage-GET) // http://localhost:8080/user/userMypage @RequestMapping(value = "/userMypage", method = RequestMethod.GET) public void userMypageGET(Criteria cri , HttpSession session, Model model) throws Exception { logger.debug("userMypageGET()호출"); UserVO userVO = new UserVO(); userVO.setUs_id(..
오류 Uncaught TypeError: back is not a function at HTMLInputElement.onclick 위와 같은 오류가 났다 이유를 찾아보니 input태그의 id도 back이고 onclick event 발생시 실행되는 함수명도 back이라서 난 오류이다 즉 id와 함수명이 같으면 안된다 //뒤로가기 function back(){ history.back(); } 그래서 함수명을 backTo로 바꾸고 input 태그의 onclick 이벤트 실행시 동작하는 함수명도 바꿨다 참고한 글 [html 오류] id와 함수명 같을때 (form태그, input태그) :: 꾸준2 (tistory.com) [html 오류] id와 함수명 같을때 (form태그, input태그) - form 태그안..
안에 모달창 내용 작성 글을 삭제 하시겠습니까? 네 아니오 모달창 띄우는 버튼 버튼 클릭시 실행되는 jQuery - 모달창 띄우기 // 삭제하기 버튼 클릭 시 Modal show $('#delete').click(function(){ $('#deleteModal').css("display","block"); }); // #delete.click 띄워진 모달창 네 버튼 클릭시 - 글 삭제 동작 실행 // 삭제 Yes $('#deleteModalYes').click(function(){ var bo_num = ${boRead.bo_num}; $.ajax({ type : "post", url : "/board/boDelete", data : {"bo_num" : bo_num}, dataType : "JSON"..
user의 id를 중복체크하는 유효성 검사를 하는 기능을 구현중이었다. 근데 ajax를 통해서 입력이 끝나면 (= 다른 곳으로 포커스를 옮기면 : blur event 이용) 중복검사를 하도록 기능을 구현하던 도중에 ajax에서 controller까지는 잘 가지만 다시 return하여 ajax로 오는 동작에 문제가 있음을 발견하였다. return값은 String 이었는데 문자가 깨져서 ???로 오는 현상이었다. 이렇게 콘솔창을 통해서 확인하였음 검색하다보니 String반환시에는 한글이 깨져서 올 수 있다고 한다. 이 때 produces = "application/text;charset=utf8" 이 코드를 controller에 추가해주면 된다. 코드는 method방식 다음에 넣었다. 아래 코드 참조 // ..
disabled의 기능에 대해 먼저 알아보자 글 내용 input 태그에 disabled="disabled" 라고 되어있으면 이렇게 회색으로 떠서 수정하지 못한다. 만약 disabled를 설정해주지 않았다면 이렇게 흰색으로 떠서 클릭시 커서가 표시되고 안에 텍스트 값을 수정할 수도 있다 (input태그 말고도 다른 곳에서도 사용할 수 있다) jQuery 로 disabled 효과를 주거나 제거하는 방법 $('#bo_title').attr("disabled",true); $('#bo_title').attr("disabled",false); 여기서는 id를 이용했지만 다른 요소들을 사용해서 효과를 변경할 수도 있다 참고한 글 [javascript/jquery] jquery로 disabled 효과 적용/해제 방법..
form 요소의 값 가져오기 / 설정하기 1) id 이용 2) class 이용 3) name 이용 3가지 방법 모두 결과는 같다 - var형의 name변수에는 test라는 값이 들어감 - tel의 값은 010-0000-0000에서 010-1111-1111 으로 바뀜 value값을 이용하여 요소를 찾을 수도 있다 ex) value값이 test인 input태그의 id 가져오기 $('input[value=test]').attr("id"); 그러나 하나씩 찾기 힘들때도 있으므로 ex) value값이 test이고 id에 123이 포함된 input태그의 id 가져오기 $('input[value=test][id*=123]').attr("id"); 참고한 글 [jQuery] input value 가져오기 (tistor..