게시글 수정를 위해 먼저, 주소를 작성할 예정이다. 어제와 같이 location.href 을 이용해서 URL을 설정해주면된다. (log 참고) 📚 VS code 📕 boardDetail.jsp // 게시글 수정 버튼 클릭 시 const updateBtn = document.getElementById("updateBtn"); updateBtn.addEventListener("click",()=>{ console.log() location.href=location.pathname.replace("board","board2") +"/update" +location.search; /* '/board2/1/2008/update?cp=1' */ }) location.pathname.replace("board","b..
전체 글
기록의 힘을 믿습니다 📂글쓰기 버튼을 눌렀을때! 요청 주소로 넘어가기 위해서 location 을 이용할 것이다! 🤔 location이란 ? 현재 활성화된 웹페이지의 URL 정보를 포함하는 window 객체의 프로퍼티로 location.href로 현재 주소를 확인할 수 있다. 예시) location.href='/member/login' (해당 주소 요청(GET방식)) * 주소를 작성할 수 있는 방법 아래 2개 * location.href = "/board2/" + location.pathname.split("/")[2]; location.href = `/board2/${location.pathname.split("/")[2]}/insert` 📂 결과 : /board2/1/insert 📝 js 코드 if (insertBtn != ..
📰 공공 데이터 데이터베이스, 전자화된 파일 등으로 공공기관에서 사용할 목적으로 처리된 자료 또는 정보이다. 공공기관에서의 일상적 업무수행의 결과물로 생성 또는 수집/취득한 다양한 형태(텍스트, 이미지, 동영상 등)의 모든 자료이다. 📰 공공 데이터 이용을 위한 세팅 방법 https://www.data.go.kr/ 회원가입 후 로그인 → 오픈API 검색 후 활용신청 → 마이페이지 → 인증키 발급현황 → 활용신청 상세기능정보 → 요청정보 세팅 후 미리보기 공공 데이터를 사용하기 위해 발급받은 나만의 인증키이다! (다른사람한테 노출되면 안되니 노출 하지 마시길!) 요청 변수에서 return Type이 xml / json에 따라 다르게 보인다. 📂 OPEN API. 이론 📚 Spring 📗 Air.java p..
org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping: ParameterMapping{property='profileImage', mode=IN, javaType=int, jdbcType=null, numericScale=null, resultMapId='null', jdbcTypeName='null', expression='null'}. Cause: org.apache.ibatis.type.TypeException: Error setting non null for parameter #1 with JdbcType ..
이번시간에는 프로필 이미지 추가 / 변경 / 삭제 할 예정이다. 그 전에 이미지 선택 하여 동그란 화면에 이미지를 미리보기 할 예정이다. 📚 VS code 📕 myPage-profile.jsp (프로필 부분만 발췌함) 🤔 accpt = "image/*" : 이미지만 허락하겠다라는 뜻이다. 프로필 프로필 이미지를 변경할 수 있습니다. x 이미지 선택 변경하기 이메일 로그인 회원 이메일 가입일 로그인 회원 가입일 📕 myPage.js (프로필 부분만 발췌함) const profileImage = document.getElementById("profileImage");//Img 태그 const deleteImage = document.getElementById("deleteImage");//x버튼 const ..
오늘은 게시글 상세에서 좋아요 누르는 부분을 할 예정이다. 우선 생각해야할게 누가 ! 어떤 게시글! 좋아요를 클릭/ 취소 했는지 알아봐야한다. 그렇다면 그럼 정보를 어떻게 얻어 올 수 있을까 ? 총 3가지 방법이 있는데 그 중 가장 편하고 쉬운 3번으로 진행해보기로 했다. 1) ajax로 session에 있는 loginMember의 memberNo를 반환 2) HTML 요소에 로그인한 회원의 번호를 숨겨 놓고 js로 얻어오기 (data-value) ❗ 3) jsp 파일 제일 위에 있는 script 태그에 JS+EL이용해서 전역 변수로 선언해둔다. ❗ 📚 VS code 📕 boardDetail.jsp 📕 boardDetail.js // 좋아요 버튼이 클릭 되었을 때 const boardLike = docu..
이번 시간은 저번시간에 이어 게시글 상세 조회를 진행할 것이다. 이번에도 @PathVariable 이용해서 진행할 예정이다. 만약, @ PathVariable 이게 무엇인지 기억이 안난다면 저번시간에 작성한 내용을 확인하고 오길 . [ Spring ] 게시글 목록 조회 ⑥ 이번부터는 좀 심화 버전이고 이전과 다른 개념이 추가된 게시글 목록을 조회하는 기능을 구현해 볼 것이다. 구현하기에 앞서 Request 가 들어오는 타입에 따라 받는 방법 2개로 나눌 수 있다. 기 jnaa.tistory.com 게시글 상세 클릭하게 되면 주소가 "/board/1/1998?cp=1"이 될거니까, boardCode / boardNo를 이용해서 작성하면된다. 그렇다면 @PathVariable 다중 파라미터를 받아야하는데 다..
오류가 날때마다 하나씩 정리하기로 하였다. 주변 모든 오류까지 하나하나 정리 하다보면 빠르게 오류를 찾지 않을까 싶어서 시작했다. 스프링 사용중, 해당 오류를 발견했다. 구글에 검색해보니 이런 이렇게 오류를 처리한 경우도 있었다. [에러]Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것이 존재하는지 1.Server Modules탭에서 /path 바꿔도 안 될 때 https://jnju.tistory.com/7 [404 에러 eclipse 설정]Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것 jsp 만으로 돌아가는 테스트페이지를 october-east-sea.tistory.com 하지만, 나의 오류는 하나의 오타..