코디잉

https://github.com/yong-k/TRIPLAN GitHub - yong-k/TRIPLAN: ✈Spring 여행 플래너 웹 애플리케이션: TRIPLAN ✈Spring 여행 플래너 웹 애플리케이션: TRIPLAN. Contribute to yong-k/TRIPLAN development by creating an account on GitHub. github.com

아직 세세하게 못한 기능이 있기는 하지만, 일단 마무리를 해야돼서,,! 마지막까지 각자 한 거 팀계정 Git 에 Push하고, Pull 받아서 테스트를 했다. 나랑 회원을 맡았던 다른 팀원 분이 테스트 했을 때는 둘 다 문제 없이 됐는데...... 관리자 쪽 맡았던 팀원 분이 테스트 하는데 회원 부분에서 500에러가,,,,계속 떴다...... 왜 나머지 2명은 되는데 안되는거지,,,? 모르겠다... ① 일단 첫 번째 문제는 SQL 쿼리에서 NULL 처리를 안 해줘서..! 마이페이지에서 회원의 일정 개수를 세주는 쿼리이다. (삭제된 일정은 제외, 동행자로 추가된 일정은 추가) 그래서 아래와 같이 IFNULL() 처리를 해줬다....저번 플젝할 때도 NVL() 처리 안했어서 오류났었는데,,,, 🔥🔥 ,,,,..

일정 상세보기에서는 아래와 같이 DAY별로 장소가 경유 순서대로 보여진다. 우측의 지도에는 selectbox에 각 DAY를 선택하면, 해당 날짜에 가는 지역들의 경유 순서를 보여준다. TMap의 선 그리기, 다중마커, 마커팝업을 사용해서 그려줬다. 여기도 일정작성폼처럼, DAY수 만큼 js로 지도를 넣을 공간을 만들어줬다. 지금은 2일짜리 여행이므로 지도가 2개 생성되었다. 지도의 중심좌표는 각 DAY마다 장소들의 (위도의 합/장소개수), (경도의 합/장소개수) 로 설정되도록 했다. [댓글] 탭을 클릭하면, 댓글 목록이 보여진다. 내용 입력안하고, [등록]누르면 안내메세지 나오도록 해놨고, 본인 댓글은 [수정 | 삭제] 가능하도록, 다른 회원 댓글은 [신고] 가능하도록 함!

ㅋ,ㅋ.....작성한 PLAN과 PLAN에 딸려있는 PLACE들을 INSERT 시켜주기만 하면 되니 금방 끝나겠지라고 생각했다ㅋ 처음 해보는 부분이라 조금 오래걸렸다,,!ㅎ FORM 안에 들어있는 정보는 하나의 Plan Vo + 여러 개의 Place Vo 들이었다. PlaceList를 만들어서 list의 size()만큼 insert를 해야했다. 방법은 2가지가 있었다. (구글링으로 찾은 것과 강사님이 알려주신 거) ① vo에 List형식으로 선언해주고, getter/setter만듦 form의 name 속성에 인덱스를 부여하여 name=placeList[0].name 이런식으로 (참고 블로그) https://mchch.tistory.com/80 [Spring] vo 여러개 전달하기. LIST vo를 lis..

이전 게시물에서 사용했던 사진으로 이어서 보자면, header에 있는 를 클릭하면 나오는 모달창에서 선택한 '여행시작일 ~ 여행마지막일' 의 일수만큼의 추가한 장소를 놓을 수 있는 공간과 지도가 만들어진다. ✔ 12/20 ~ 12/26 선택했을 때, 지도는 어차피 js 코드 작업이 필요했던 거라 상관없었지만, 추가한 장소를 띄워주는 공간 같은 경우에는...........앞의 모달창에서 선택한 (마지막일-시작일+1) 만큼 반복문 돌면서 생성해주면 편하게 끝나는 거 였는데,,!!!!!!!,,,,,,,,,,,,,,mustache에서 할 수가 없어서 javascipt로 생성해주느라 힘뺐다 ㅠ,ㅠ 이미 html에서 만들어놓은 안에 day마다 를 만들어서 그 안에다가 장소들 넣어주는 방식으로 js코드를 작성. ✔ ..

ver1인건,,,세세하게 더 처리해야 할 부분이 남아있어서...ㅎㅎ! 나중에 다른 부분에서 할 거 다 하고나서 추가로 작업할 예정,,,이다,, 플래너 insertForm 을 완성하기까지 오랜 시간이 걸렸따........ 😂 일단 모달창 부터 차근차근 흐름을 적어보자면, 메인에서 [일정만들기]를 클릭하면, - 비회원일 경우에는 알림창과 함께 로그인폼으로 이동시키고, - 회원일 경우에만 제목/지역/기간을 입력할 수 있는 모달창을 띄워준다. ✔ 모달 정보를 입력하고 를 누르면 하는 작업, ① 해당 지역으로 zoom이 된 지도를 띄워준다. (위도, 경도, zoom 필요) 지도 javascript 코드에는 default로 지역을 선택하지 않았을 경우의 위도, 경도, zoom 으로 설정해놨음 ② 선택한 지역의 관광..

view를 설계하고, 직접 코드를 작성하다보니 DB에 넣어야 할 내용이 생겼다. ✔ 수정된 부분 ◼ AREA 테이블: 컬럼 추가됨. 해당 지역의 위도와 경도, 지도 zoom 해 줄 숫자, 지역의 영어이름 추가 일정작성폼을 작성할 때, 모달창에서 작성 지역을 선택하면 ① 해당 지역으로 zoom이 된 지도를 띄워준다. (위도, 경도, zoom 필요) ② 해당 지역의 관광지를 조회순으로 띄워준다. (지역코드 넘겨줌) ③ 메인화면에서 지역 목록을 띄워줄 때, 사진을 사용하기 위해서 지역의 영어이름도 추가했다. (사진 저장을 영어이름으로 해서) ◼ PLAN_DELETED 테이블: 일정을 그냥 삭제할 경우, 일정과 연결된 댓글이 삭제되고, 그럼 회원이 신고당한 내역이 사라진다. 그래서 일정을 삭제할 경우, 삭제된 ..

해당 페이지에서 다른 페이지로 넘어갈 때, 데이터를 넘겨주고 싶었다. 저번에 할 때에는 url에 get방식으로 써서 보내줬었는데 그거 말고 다른 방법으로 하고 싶어서 찾아봤다. 자바스크립트 LocalStorage를 사용했다. ◼ localStorage에 데이터 넣기 localStorage.setItem('key', value); ◼ localStorage에 데이터 넣기 (Json 형태) let planInfo = { "title" : title, "start_dt" : start_dt, "end_dt" : end_dt, "areaCode" : areaCode, "loc_x" : loc_x, "loc_y" : loc_y, "zoom" : zoom }; localStorage.setItem('planInfo..

비밀번호 찾을 때, 회원가입 했던 이메일로 임시 비밀번호를 보내주는 작업을 하던 중,,! 검색으로 여러 글들을 참고하며 이메일 전송을 하려는데 처음에는 어떻게 대충 작성했는데 보내졌는데 그 이후로 제대로 작성하다보니까 갑자기 계속 NullPointerException 이 떴다. javaMailSender가 Null이라는데,,분명 뭔가 처음에 저렇게 했을 때 됐던 거 같은데,,,,!,ㅠ,ㅠ,ㅠ 🔥 @Autowired 어노테이션을 붙여주니까 됐다. 해결방법은 간단했는데, 이거 하려고 엄청난 시간을,,,,보냈다,,,허허헣ㅎㅎ

지도api를 사용해서 검색한 결과가 ajax로 html에 추가되어 보여진다. 이거에 대해 처음에는 별로 중요하게 생각안하고 검색 결과가 나왔을 때 버튼을 click 했을 때, 값을 가져오려고 테스트하고 있는데.......... 평소와 같이 아래 코드로 테스트를 하는데 계ㅔㅔㅔ속 안됐다 ㅠ,ㅠ................ $('button.add-place').click(function () { alert('plz...'); }); 다른 요소들은 다 되는데 ajax로 가져온 요소만 왜 안될까 하다가 혹시,,,,싶어서 검색해봤더니 🔥 ajax로 생성된 html에는 위와 같은 방식으로는 동작하지 않는다고 한다. ajax로 html을 생성해준 것이기 때문에 한 번 더 DOM 객체를 읽어줘야 한다. 그래서 아래와..