코디잉

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

✔ 전체 view 목록 ✔ 파트 나눠서 뷰 작업 하는 중,,, 일단 지금 한 거는 메인, 로그인, 비밀번호 찾기, 회원가입,일정공유 목록,,,ㅎㅎ 일정 부분부터 빨리 해야되는데 계속 미루고 다른 거 먼저 하고 있다,,,,,,,ㅎㅎ헣ㅎㅎ...

테스트하고 자료 찾아보면서 알게된 점 정리 ✔ Tmap api를 사용해서 장소 검색, 검색한 장소를 회원의 목록에 추가, 지도에 마커로 표시되어야 함 - 장소 검색하면 그 좌표를 input hidden값으로 가지고 있을 예정 ✔ 한국관광공사의 국문관광정보서비스 API를 사용해서 해당 지역의 관광지들을 인기순으로 불러와서 해당 장소를 회원이 목록에 추가할 경우, Tmap 지도에 마커로 표시되어야 함 - 관광지들 목록을 띄울 때, input hidden 값으로 좌표를 가지고 있을 예정 ✔ 그리고 모든 장소를 추가한 후에 를 누르면, 해당 장소들의 최적화된 경로를 지도에 표시해줘야 한다. 아뉘 경유지 최적화 테스트하면서 분명 무료로 사용할 수 있는 횟수가 쫌 있었던 거 같은데 몇 번 하지도 않았는데 안돼서 봤..

✔ 로고 ✔ ERD View를 만들고, API 적용하는 과정에서 DB 구조가 바뀔 수 있을 것 같지만,,, 일단 현재 정해진 걸 토대로 먼저 DB 논리 설계와 물리 설계를 진행했다! ✔ Spring Initializr 설정은 아래와 같이 하기로 했다.

프로젝트명을 정했고, 스토리보드, 요구분석서를 일단 1차로 완성했다. ✔ 프로젝트명 TRIPLAN: TRIP + PLANNER ✔ 스토리보드 완성: PPT 사용해서 아래 예시와 같이 작성 원래는 oven을 사용하려 했으나, 모두 제대로 사용해 본 적이 없어서 빠르게빠르게 작업하려고 래퍼런스 사이트에서 캡쳐한 걸 편집하고 덧붙이는 방식으로 진행했다. ✔ 요구분석서 완성: Google Docs로 팀원들과 함께 아래 예시와 같이 작성

나 포함 3명이 팀으로 프로젝트 시작! 다른 팀원분들은 web관련 플젝은 처음해보시는거라, 짧은 기간 내에 간단한 프로젝트 진행하기로 결정 프로젝트 진행과정을 대략 적어볼 계,,획,,! ✔ 주제 - 여행 플래너 및 여행 일정 공유 웹 애플리케이션 ✔ 목표 기간: 11.10 ~ 11.28 ✔ 예상 기술스택 ▪ 개발 환경(IDE): IntelliJ IDEA ▪ Java, SpringBoot, Mybatis, HTML5/CSS3, Javascript, jQuery, Ajax 등 ▪ DB: MySQL ▪ API & Library: TMap API, Tour API, BootStrap ✔ 목표 기능 - 로그인 파트: Spring Security 적용 - 회원가입, pw찾기: Spring Boot 사용해서 e-ma..

작성폼에서 남은 작업은! 게시물 다 작성하고 버튼 누르면, - 필수 입력 사항 입력됐는지 체크 + 제대로 입력 안 됐으면 빨간 테두리+alert(), focus() 처리 - 결제 팝업: 참여자와 진행자 구분해서 팝업 창에서 보여줄 멘트 다르게 하려고 계획했었으니 그거 작업 - 결제 진행 후(결제 팝업) , 글 업로드(DB INSERT) 이전 게시물과 숫자는 이어서 작성..! 2022.09.21 - [PROJECT/같이사자] - 27_공동구매 게시물 작성폼 ① 휴우 작성폼 마지막이라 간단하게 봤는데 생각보다 할 게 많았다 ㅋㅋ 9) 게시물 다 작성하고 버튼 누르면, ① 필수 입력 사항 입력됐는지 체크 + 제대로 입력 안 됐으면 빨간 테두리+alert(), focus() 처리 입력폼에 입력해야 될 사항이 많..

드디어 공동구매 게시물 작성폼...!!! 공동구매글을 작성하는 방법은 헤더에 있는 『작성』 아이콘을 클릭하면 된다. [아래 사진 참고] 로그인하지 않고, 클릭하면 앞에서와 마찬가지로 안내 팝업과 함께 로그인폼으로 이동시킨다. 로그인하고 아이콘을 클릭하면, 공동구매 게시물 작성폼으로 이동한다. 공동구매 게시물 작성폼의 필수/선택 입력 사항이다. ▶ 필수 입력 사항: 대표 사진 선택, 대분류/소분류 선택, 제목, 상품URL, 유통기한입력(모르면 '알 수 없음'에 체크), 상품의 총 금액 + 배송비, 모집상품개수, 모집마감날짜/시간, 거래희망날짜/시간, 거래위치, 본인이 구매할 상품 개수 ▶ 선택 입력 사항: 상세설명, 상세설명 사진 첨부 본격적으로 시작하기 전에, 공동구매 게시물 작성폼에서 해야 할 작업을 ..

① 공동구매에 관련된 정보들 가져오기 ② 참여자목록 (참여자들 프로필사진 및 닉네임) ③ 댓글(등록, 수정, 삭제, 고정 처리) ④ 신고팝업, 신고처리(게시물, 댓글) ⑤ 찜(♡) ⑥ 버튼 관련 공동구매 게시물에 있는 버튼 종류 표이다. 공동구매 상태 대상 대상 상태 버튼 모집 비회원, 회원 참여 X 참여자 참여 O 진행자 진행 완료/모집마감/취소 1) 공동구매 상태별 + 회원 상태별 버튼 표시 공동구매의 상태에 따라 버튼 표시가 달라야 하고, 비회원/미참여자/참여자/진행자에 따라 버튼 표시 및 클릭했을 때 결과를 달리 해야 한다. 공동구매별 상태를 나타내는 뷰와 공동구매별 회원에 따른 참여 정보를 나타내는 쿼리문을 먼저 작성했다. --▷ 공동구매 상태 뷰 CREATE OR REPLACE VIEW VIE..

공동구매 상세보기 마지막 버튼을 하기 전에, 찜을 한 김에 마이페이지>찜 부분을 먼저 하려고 한다. 마이페이지>찜 페이지로 가는 방법은 2가지이다. 첫 번째 방법) 헤더에 있는 하트 모양(♡) 을 클릭 두 번째 방법) 로그인>마이페이지>찜 페이지 아래 화면은 찜한 상품이 없을 때 보여줄 화면을 미리 만들어 둔 것이다. 두 가지 방법 모두, 로그인하지 않고는 접근이 불가능하다. 로그인하지 않은 상태로 헤더에서 하트(♡) 클릭 시, 로그인 폼으로 이동하며 안내 팝업이 뜬다. 찜이 없을 때와 찜이 있을 때 목록 띄우는 화면을 나눠놔서 먼저 회원의 찜 개수만 먼저 가져왔다. 찜이 없을 때! 저 하트에 마우스 올리면 색깔 변하게 해놨다 ㅋㅅㅋ 그리고 아까 위에서는 있었던 전체선택/선택삭제버튼은 찜이 없을 때는 없..