코디잉

① 공동구매에 관련된 정보들 가져오기 ② 참여자목록 (참여자들 프로필사진 및 닉네임) ③ 댓글(등록, 수정, 삭제, 고정 처리) ④ 신고팝업, 신고처리(게시물, 댓글) ⑤ 찜(♡) ⑥ 버튼 관련 찜은 쫌 간단하게 끝날 듯?!,,, 찜은 공동구매 버튼 옆에 하트(♡)를 클릭하면 할 수 있다. 찜을 하면, 채워진 하트(♥)로 찜을 해제하면, 빈 하트(♡)로 표시할 것이다. hover 했을 때 CSS도 해놓았다. (마우스 올렸을 때 테두리 색 변화) 클릭 했을 때에는 칠해진 하트로! - 공동구매 게시물 데이터를 읽어올 때, 회원의 해당 게시물 찜 여부에 따라 하트를 다르게 해야한다. 공동구매 게시물 읽어올 때 해당 회원이 해당 공동구매 게시물을 찜 했는지 확인하는 데이터도 넘겨서, 하트를 다르게 띄우도록 처리..

① 공동구매에 관련된 정보들 가져오기 ② 참여자목록 (참여자들 프로필사진 및 닉네임) ③ 댓글(등록, 수정, 삭제, 고정 처리) ④ 신고팝업, 신고처리(게시물, 댓글) ⑤ 찜(♡) ⑥ 버튼 관련 고럼 이제 신고 관련 작업 ㄱㄱ~~ ④ 신고팝업, 신고처리(게시물, 댓글) 공동구매 게시물에서 [신고] 가 두 군데 있다. 위에 게시물 아래 있는 [신고]는 해당 공동구매 게시물을 신고하는 것이고, 댓글 옆에 있는 [신고]는 해당 댓글을 신고하는 것이다. 공동구매 게시물 & 공동구매 댓글 신고 팝업은 동일하다. ④-1) 신고 팝업 신고팝업 레이아웃은 네이버 신고 팝업을 참고,,!! 원래 게시물/댓글 팝업창까지 아예 똑같이 가려고, 팝업창에 보이는 작성자-제목에 대한 정보는 없었는데 그래도 있어야 할 것 같아서 추..

① 공동구매에 관련된 정보들 가져오기 ② 참여자목록 (참여자들 프로필사진 및 닉네임) ③ 댓글(등록, 수정, 삭제, 고정 처리) ④ 신고팝업, 신고처리(게시물, 댓글) ⑤ 찜(♡) ⑥ 버튼 관련 댓글 관련 작업 ㄱㄱ! ③ 댓글(목록, 등록, 수정, 삭제, 고정 처리) ③-1) 댓글 목록 - 댓글은 모든 회원이 등록할 수 있다. - 댓글 고정은 해당 공동구매의 진행자만 본인의 댓글 1개를 제일 상단으로 고정시키는 기능으로, 자신의 댓글을 고정 혹은 고정해제를 할 수 있다. - 본인이 쓴 댓글은 수정 / 삭제가 가능하고, 타회원이 쓴 댓글은 신고할 수 있다. 그래서 회원이 해당 공동구매의 진행자인지, 참여자인지를 구분해야 한다. 세션에 있는 멤버코드와 댓글의 멤버코드, 공동구매 작성자 멤버코드를 비교했다. ..

공동구매 목록을 다 띄웠으니 할 게 또 완전 많은 공동구매 게시물 상세보기....스타트......ㅎㅅㅎ 먼저 예시화면으로 만들어놓은 걸 보면서 해야 할 것들 정리를 해보자면,,! ① 공동구매에 관련된 정보들 가져오기 (메인사진, 상품링크, 카테고리, 제목, 작성자프로필사진, 닉네임, 가격..., 상세내용, 거래위치..등등.....) ② 참여자목록 (참여자들 프로필사진 및 닉네임) ③ 댓글(등록, 수정, 삭제, 고정 처리) ④ 신고팝업, 신고처리(게시물, 댓글) ⑤ 찜(♡) ⑥ 버튼 관련 버튼 종류는 아래와 같이 나눠진다. 공동구매 상태 대상 대상 상태 버튼 모집 비회원, 회원 참여 X 참여자 참여 O 진행자 진행 완료/모집마감/취소 ① 공동구매에 관련된 정보들 가져오기 (메인사진, 상품링크, 카테고리, ..

이제 공동구매 목록 띄우는 부분은 모두 클리어 했으니.... ⑦ 메인>지도에서 특정 지역 선택 시, 선택 지역구를 세션에 저장하도록 처리 → 사용자가 메인의 지도에서 특정 지역 선택 시, 목록 6개 모두 그 지역의 게시물만 나오도록 처리하려고 한다. 지역을 선택하지 않을 경우에는 모든 지역 게시물 다 나옴 를 할 차례!~!~!!! 메인에서 [장소를 선택해주세요] 부분의 input 박스를 클릭하면 지도팝업이 뜬다. (지도API는 카카오지도를 사용) 카카오지도API 사용하는 방법은 사이트에 잘 나와있어서, 필요한 코드를 가져와서 사용했다! https://apis.map.kakao.com/web/guide/ 지도가 뜨도록 설정하고, 사이트에 컨셉에 맞게끔 CSS 작업했다. 지도 팝업이 브라우저 창 가운데 부분..

① 메인(게시물 4 * 8 = 32개만) : 최근 작성된 거에서 32개만 띄움 나머지 아래 목록은 → 게시물 4 * 6 = 24개 + 페이징처리 ② 메인카테고리 클릭 시 : 메인카테고리에 해당되는 모든 서브카테고리의 게시물 ③ 서브카테고리 클릭 시 : 해당 서브카테고리의 게시물 ④ : 최근(7일 이내)에 올라온 공동구매 게시물 ⑤ : 남은 시간이 24시간 이내인 공동구매 게시물 ⑥ 검색했을 시 : 게시물의 제목/내용/카테고리 중 검색 내용에 해당되는 게시물 모두 띄움 중에서 마지막 ⑥번!!! ⑥ 검색했을 시 : 게시물의 제목/내용/카테고리 중 검색 내용에 해당되는 게시물 모두 띄움 모든화면에서 따라다니는 헤더의 검색창을 통해 공동구매 게시물을 검색할 수 있다. 검색창을 통해 검색하면 검색 내용이 아래에 ..

① 메인(게시물 4 * 8 = 32개만) : 최근 작성된 거에서 32개만 띄움 나머지 아래 목록은 → 게시물 4 * 6 = 24개 + 페이징처리 ② 메인카테고리 클릭 시 : 메인카테고리에 해당되는 모든 서브카테고리의 게시물 ③ 서브카테고리 클릭 시 : 해당 서브카테고리의 게시물 ④ : 최근(7일 이내)에 올라온 공동구매 게시물 ⑤ : 남은 시간이 24시간 이내인 공동구매 게시물 ⑥ 검색했을 시 : 게시물의 제목/내용/카테고리 중 검색 내용에 해당되는 게시물 모두 띄움 중에서 이번에는 ④ : 최근(7일 이내)에 올라온 공동구매 게시물 ⑤ : 남은 시간이 24시간 이내인 공동구매 게시물 를 진행할 계획! 와 모두 상단 헤더탭으로 접근할 수 있다. 나머지는 다 동일하지만, 최근공구/마감임박에서는 대분류 카테고..

① 메인(게시물 4 * 8 = 32개만) : 최근 작성된 거에서 32개만 띄움 나머지 아래 목록은 → 게시물 4 * 6 = 24개 + 페이징처리 ② 메인카테고리 클릭 시 : 메인카테고리에 해당되는 모든 서브카테고리의 게시물 ③ 서브카테고리 클릭 시 : 해당 서브카테고리의 게시물 ④ : 최근(7일 이내)에 올라온 공동구매 게시물 ⑤ : 남은 시간이 24시간 이내인 공동구매 게시물 ⑥ 검색했을 시 : 게시물의 제목/내용/카테고리 중 검색 내용에 해당되는 게시물 모두 띄움 중에서 이번에는 ② 메인카테고리 클릭 시 : 메인카테고리에 해당되는 모든 서브카테고리의 게시물 ③ 서브카테고리 클릭 시 : 해당 서브카테고리의 게시물 를 진행할 예정~!@~!~!@~!~이었는데 코드를 작성하다보니 메인카테고리코드와 서브카테고..

드뎌 공동구매 목록을 띄운.ㄷ..ㅏ...ㅎㅎ 목록이 필요한 곳은 총 6군데 + 지도API 로 선택한 지역의 지역구 받아오도록 처리 ① 메인(게시물 4 * 8 = 32개만) : 최근 작성된 거에서 32개만 띄움 나머지 아래 목록은 → 게시물 4 * 6 = 24개 + 페이징처리 ② 메인카테고리 클릭 시 : 메인카테고리에 해당되는 모든 서브카테고리의 게시물 ③ 서브카테고리 클릭 시 : 해당 서브카테고리의 게시물 ④ : 최근(7일 이내)에 올라온 공동구매 게시물 ⑤ : 남은 시간이 24시간 이내인 공동구매 게시물 ⑥ 검색했을 시 : 게시물의 제목/내용/카테고리 중 검색 내용에 해당되는 게시물 모두 띄움 위의 6가지 목록들에 띄워지는 공동구매 게시물은 아래 조건을 만족해야 한다. 1) 현재 모집 상태인 게시물만 ..

오늘은 본격적으로 메인에 공동구매 게시물 띄우기 전에,,,! 공동구매 더미데이터 INSERT 하기가 빡세므로...그거 INSERT 하면서 공동구매 게시물 페이징 처리 연습도 할 겸,,, 관리자 > 회원조회 > 전체회원 부분을 먼저 진행할 예정이다 !~!~!~! 일단 필요한 데이터를 쿼리문으로 작성하고 모두 회원의 ID, 이름으로 검색할 수 있고, 페이징처리 작업을 해야한다. mybatis + Oracle 로 페이징+검색 처리하기,,!! 페이징처리는 아래 블로그들을 공부하면서 작성했돠....어렵.. https://freehoon.tistory.com/112 Spring 블로그 만들기 - 9. 페이징(pagination) 이 포스팅의 샘플 게시판 개발 환경은 MAC OS, STS, OpenJDK11 입니다...