Java/Spring Framework

💎 index.jsp 실시간 지진해일 긴급 대피장소 실시간 지진해일 긴급 대피장소 정보 시도명 시군구명 대피지구명 대피장소명 주소 경도 위도 수용가능인원수 대피소 분류명 💎 Script 📢 ajax를 통한 비동기방식 XML 방식 - 전에 했던 API랑은 다르게 이번 API는 넘겨줄 데이터가 없기때문에 처리할 요청주소만 Spring으로 보내준다 $(function(){ $("#btn2").click(function(){ // 응답 데이터를 xml 형식으로 받을 때 $.ajax({ url : "shelter", success : function(result){ const itemArr = $(result).find("row"); let value; itemArr.each(function(index, item..

💎 index.jsp 💎 Script 📢 ajax를 통한 비동기방식 Json 방식 - const itemArr = data.response.body.items : Json형식으로 응답받은 데이터가 있는 경로를 itemArr에 대입 ↓ console.log(data) $(function(){ $("#btn1").click(function(){ //Json 형식으로 응답 받을 때 $.ajax({ url : "air", data : { location : $("#location").val()}, success : function(data) { console.log(data); //console.log(data.response.body.items); const itemArr = data.response.body..

💎 공공데이터란? 📢 공공데이터(Open Data)란 - 데이터베이스, 전자화된 파일 등으로 공공기관에서 사용할 목적으로 처리된 자료 또는 정보이다. 공공기관에서의 일상적 업무수행의 결과물로 생성 또는 수집/취득한 다양한 형태(텍스트, 이미지, 동영상 등)의 모든 자료이다. 📢 공공데이터 개방 - 공공기관이 이용자에게 정보를 재활용할 수 있도록 제공하고, 제공받은 정보를 상업적/비영리적으로 이용할 권한을 부여하는 것 📢 공공데이터 활용 - 정부에서 운영하고 있는 공공데이터를 제공하는 웹 애플리케이션으로 누구나 자유롭게 공공데이터를 확인 하고 관련 내용을 활용하여 애플리케이션을 만들 수 있다. 📢 공공데이터 포털 사이트 링크 - https://www.data.go.kr 📢 공공데이터 파일 다운로드 방식 -..

🥇 VS-Code [ jsp ] 📺 JSP 본문 코드 👌 Spring을 통해 수행한 작업을 map 담아 jsp에 넘겨주어 저장된 값을 셋팅 - / 👌 boardName 값을 얻는방법 1), 2) 똑같은 값 - 1) - 2) 게시판 이름 글번호 제목 작성자 작성일 조회수 좋아요 게시글이 존재하지 않습니다. ${board.boardNo} 요청을 했는데 원하는 메소드가 실행이 되지않는다. - 해결방법 : @PathVariable 지정 시 정규 표현식 사용 -> { K : 정규표현식 } -> "{boardCode:[0-9]+}" : boardCode 는 1자리이상 숫자 📺 BoardController 📺 BoardService 📺 BoardServiceImpl - 게시글 목록 조회를 할때에는 1~4번 의 방식으..

🥇 VS-Code [ jsp ] 📺 JSP 본문 코드 ${board.boardTitle} - ${boardName} ${board.memberNickname} ${board.likeCount} 작성일 ${board.boardCreateDate} 마지막 수정일 ${board.boardUpdateDate} 조회수 ${board.readCount} imgaeList에 썸네일이 있다면 조회 되었을 때 IMG_ORDER가 0인 이미지가 imageList[0]에 저장 되었을 것이다. --%> 썸네일 다운로드 업로드 이미지 다운로드 ${board.boardContent} 수정 삭제 목록으로 🥈 VS-Code [ js ] - 추가 적인 JS 작업은 필요하지 않고 바로 Spring으로 작업으러 넘어가면 된다. 🥉 Spr..

🥇 VS-Code [ jsp ] 📺 JSP 본문 코드 x 이미지 선택 변경하기 이메일 로그인 회원 이메일 가입일 로그인 회원 가입일 📺 기본 브라우저화면 🥈 VS-Code [ js ] 📺 JS 코드 ( 추가, 변경, 삭제 ) // 프로필 이미지 추가 / 변경 / 삭제 const profileImage = document.getElementById("profileImage"); // img 태그 const deleteImage = document.getElementById("deleteImage"); // x 버튼 const imageInput = document.getElementById("imageInput"); // input태그 let initCheck; // 초기 프로필 이미지 상태를 저장하는 변..

VS-Code [ jsp ] - 필수적으로 필요한 작업 - Script - JSP 작성 가능한 언어 / 라이브러리 -> html, css, js, java, EL, JSTL // 게시글 번호 전역 변수로 선언 const boardNo = "${board.boardNo}"; // 로그인한 회원 번호를 전역 변수로 선언 // -> 작성한 EL 구문이 null일 경우 빈칸으로 출력되어 // 변수에 값이 대입되지 않는 문제가 발생할 수 있음! const loginMemberNo = "${loginMember.memberNo}" console.log(boardNo); console.log(loginMemberNo); - console result - console.log(boardNo) : 1991 - const..