11/01 : 일정 상세보기 kakao map api와 DB 연동해 마커 찍기
·
Project 여담/5주차
1️⃣ kakao map api와 DB 연동 travelRetrieve.jsp ✅ 지도만 나오는 버전 //서버에서 가져온 위치 정보를 JavaScript 변수에 할당 //var locations = ${locations}; // 서버에서 위도와 경도 정보를 비동기적으로 가져오는 함수 function getLocationsFromServer() { // AJAX 또는 Fetch를 사용하여 서버에서 위치 정보를 가져온다. // 서버에서 가져온 데이터는 JSON 형식. fetch('/app/loginCheck/travelDel?travelID='+travelID) // API 엔드포인트 .then(response => response.json()) .then(data => { console.log(data);..
10/31 : 일정 상세보기 로직 구현
·
Project 여담/5주차
1️⃣ 일정 상세보기 로직 구현과 대략적인 UI 구현 글번호와 비슷한 의미인 travelID을 고유값으로 하여 저장된 일정의 데이터들을 가져오는 방식으로 로직을 구현했고 jsp에서 받아와 출력할 수 있도록 했다. 일단 대략적인 폼만 완성... 오른쪽엔 카카오맵API를 통해 지도를 구현하고, PlanDTO를 사용해 세부 일정들을 출력해낼 예정이다. 👀 고민사항 저장한 일정들을 어떻게 보여줄까 고민중이다. 두가지 방안이 있는데 1. 카카오맵 API를 통해 저장한 장소들을 지도로 보여주기 2. 테이블 형태로 일정 내용을 보여주기 두가지 방안을 두고 사용자 입장에서 생각해봤을 때, 지도에 장소들이 나와야 동선이 더 한 눈에 들어올 것이라 생각됐다. 지도 구현을 위해 Plan 테이블에 위도와 경도 레코드를 추가했..
10/30 : 일정보관함 페이징 처리 / 여러가지 트러블슈팅
·
Project 여담/5주차
1️⃣ 일정보관함 페이징 처리 페이징 처리 위해 필요한 것들 정렬 page당 레코드 몇 개를 보여줄지 전체 레코드 갯수 현재 페이지 번호 정해진 레코드 갯수의 글만 보여지는 리스트 ⇒ 2~5번의 4개의 data를 뭉쳐서 관리해야한다 ⇒ PageDTO.java ✔ PageDTO2.java 4가지 정보를 작성하고, getter/setter를 생성한다. 목록 List list; 페이지 당 보여줄 행의 갯수 int perPage = 8; 전체 레코드 갯수 int totalCount; 현재 페이지 번호 int curPage; ✔ TravelMapper.xml 정렬 ⇒ order by contentNum DESC ✔ TravelListDAO.java List list = session.selectList("Trav..
10/27 : unable to start within 45 seconds / 회원 탈퇴 Transaction 처리 / 탈퇴 프로세스 에러 해결
·
Project 여담/4주차
1️⃣ unable to start within 45 seconds 에러 전문) Server Tomcat v8.0 Server at localhost was unable to start within 10 seconds. If the server requires more time, try increasing the timeout in the server editor. 원인) 톰캣 서버 구동 시, 서버가 구동되는 시간이 톰캣이 기본 설정해둔 시간제한이 45초보다 길어지게 되어서 발생한다고 한다. 해결) 시간제한을 늘려주자! Servers에서 해당 서버 더블클릭 Overview > Timeouts 클릭 Strart(in seconds)초 수정해주기 2️⃣ NullPointException 회원 탈퇴를 위해 로..
10/26 : 일정 삭제 undefined 400 에러 / 일정 삭제 기능 구현
·
Project 여담/4주차
1️⃣ undefined 400 에러 일정 삭제를 클릭하니 계속 400 에러가 발생돼서 undefined 가 뜬다. F12를 눌러 Network ⇒ modify 확인해봤다. 원인) 콘솔에서 확인해보니 스크립트(script) 태그는 일반적으로 HTML 또는 섹션 내에 배치되어야 하는데 잘못 작성한 간단한 오류였다. 해결) 위치를 여기에서 head 태그 안으로 이동시켜서 또 바보같은 오류해결. 2️⃣ 파라미터값이 제대로 안넘어가는 에러 400에러를 해결하고나니 이번엔 파라미터값이 제대로 안넘어가고 계속 0만 넘어가는 문제가 생겼다. alert로 값을 찍어봐도 계속 0만 넘어가는 것을 확인. 일정보관함 mapper에서 select all을 해줬어야 하는 문제. 생각보다 너무 간단한 문제였는데 삽질을 하고 있었..
xoo | 수진
xoo의 성장기록