Dev82 @PathVariable 리다이렉트 구현하기 https://tavi.tistory.com/112 @PathVariable 적용기 이론 공부하며 포스팅했던 @PathVariable에 대한 게시글 인데 프로젝트를 진행하며 읽어보았을 때 내가 쓴 글임에도 어떻게 적용해야될지를 모르겠더라 ㅎ 저 글을 작성할 때도 RESTful 서비스에 대 tavi.tistory.com @PathVariable을 적용 했다면 수정 구동, 삭제 등을 구현하 리다이렉트를 마주하게 될 것이다. 이거도 진짜 별거 읎음.. 컨트롤러의 수정 구동 메소드는 이렇게 작성하였다. Ajax를 활용하여 해당 게시글의 카테고리와 글 번호 값을 가져올 것이다. 유효성 검사를 거치는 스크립트문의 일부인데 모든 유효성 검사를 통과하면 카테고리와 글 번호를 변수에 담아 Ajax를 통해 Controll.. 2023. 4. 1. @PathVariable 적용기 이론 공부하며 포스팅했던 @PathVariable에 대한 게시글 인데 프로젝트를 진행하며 읽어보았을 때 내가 쓴 글임에도 어떻게 적용해야될지를 모르겠더라 ㅎ 저 글을 작성할 때도 RESTful 서비스에 대해 잘 모르고 별 생각이 없었던 때라(...) 온전히 이해하진 못했던 것 같다. 구글링을 해도 내가 보고 싶은건 책에 나오는 예시가 아닌 '적용기'였는데 그당시 찾지 못했었고.. 에러들을 해쳐나가며 적용하고나니 뭐가 그렇게 어려웠나 싶다. 나처럼 프로젝트에 적용하고 싶은데 갈피를 못잡겠는 사람을 위해 기록한다! 내가 프로젝트에 적용한 구조는 메인 화면에서 카테고리를 선택하면 해당 카테고리에 들어가는 방식이다. jsp에선 직접 url을 입력해줬다. RequestMapping URI에 받고자 하는 파라미터를.. 2023. 4. 1. 카카오맵 api 좌표와 마커 이동(수정)하기 https://tavi.tistory.com/110 다음 우편번호 api와 카카오 맵 api 사용기 프로젝트를 마무리 하고 쫌쫌따리 추가구현 중인 것들이 있는데 그중 하나인 카카오 map api '모임'이 주제인 프로젝트인만큼 모임 장소를 지도로 표시해주는게 좋을 것 같아 시작하게 되었다. 모 tavi.tistory.com 저번 글의 카카오 맵 api를 사용한 후 수정폼에서 다음 우편번호 api를 이용해서 주소 검색 시 검색 된 주소로 지도의 좌표와 마커가 이동되도록 구현 했다. 이동은 아니고 새로 map을 만들어서 새로 좌표를 찍어주고 새로 마커를 찍어준 거긴 하다 ㅎ.. 1. DB에 저장 시킨 주소 지도 띄우기 HTML 삽입 미리보기할 수 없는 소스 다음 우편번호 api를 이용해 검색 완료된 주소와 .. 2023. 3. 22. 다음 우편번호 api와 카카오 맵 api 사용기 프로젝트를 마무리 하고 쫌쫌따리 추가구현 중인 것들이 있는데 그중 하나인 카카오 map api '모임'이 주제인 프로젝트인만큼 모임 장소를 지도로 표시해주는게 좋을 것 같아 시작하게 되었다. 모임을 개설하는 방장이 다음 우편번호 api를 통해 주소를 검색하면 카카오 맵으로 해당 장소를 띄워줄 계획이다. 💭 시작하기 전.. 지도에 대한 정보를 담는 테이블을 따로 생성해서 위도, 경도, 검색한 주소, 상세주소, 모임 번호, 주소 번호 시퀀스를 받는 6개의 컬럼을 만들어뒀다. 디테일 페이지에서 주소에 해당하는 위도, 경도를 가지고 있기 위해 쿼리를 추가로 작성하여 DAO 클래스의 디테일 처리 메소드에 추가해두었다. 지도 테이블에 insert 해주는 쿼리문을 따로 작성해 모임 개설(=게시글 등록) 시 쿼리가 돌.. 2023. 3. 7. DTO와 VO 개발을 하며 VO와 DTO를 사용하곤 했는데 뭔지는 알겠는데 누구에게 설명할 수 있을 정도의 명확한 이론 개념은 잡히지 않아 정리 해두고자 했다. 다시 까먹더라도 내가 내 블로그를 보며 이해할 수 있게끔 !! 1. DTO (Data Transfer Object) DTO는 쉽게 말해 데이터를 전달하는 용도라고 볼 수 있다. 데이터를 주고 받을 때 데이터를 담아서 전달하는 바구니(Class)라고 이해하면 될 것 같다. 자세하게는 "계층 간" 데이터를 전달하기 위해 사용하는 객체로, 예를 들어 사진과 같이 Controller와 Servie 둘 사이에서 데이터를 주고 받기 위해 DTO에 데이터를 담아 전달한다. 💡 DTO의 특징 DTO는 오직 getter/setter 메서드만을 갖으며 다른 로직을 갖지 않는다... 2023. 2. 3. 자바스크립트 기초 5 - 이벤트 처리 1. 이벤트 연결 위와 같이 window 객체의 onload 속성에 함수 자료형을 할당하는 것을 "이벤트를 연결한다"고 한다. 화살표 함수를 사용하여 작성하기 onload를 이벤트 속성이라고 하며 이벤트 속성에 할당한 함수를 이벤트 핸들러라고 한다. 👾 간단한 이벤트 연결 예시 만약 이벤트 핸들러를 제거하고 싶다면 이벤트 속성에 null을 넣어주면 된다. 아래 코드는 이벤트 핸들러가 한 번 실행된 이후에 이벤트를 제거하므로 두 번째 클릭부터는 이벤트가 발생하지 않는다. window.onload = () => { var header = document.getElementById('header'); header.onclick = () => { alert('하염하염'); header.onclick = null.. 2022. 12. 6. 이전 1 2 3 4 5 6 ··· 14 다음
