멋쟁이개발자

[ 일정 ] - 개인학습 : 22.03.07(월)~22.03.08(화) - 리뷰(본인) : 22.03.09(수) - 리뷰(상대) : 22.03.10(목) 구 분 리뷰 내용 본 인 - 회원가입 및 PW찾기 - 이메일 인증 - 채팅 - restAPI - 통합검색 - 결제 API - css : 메뉴 드롭, 상품 이름을 마우스 호버로 표현 상대방 - 회원가입 이메일 인증 - ID/PW 찾기 → Modal활용 - 회원 관리 → 회원 권한 변경(소비자/판매자) - 분류에 따른 게시판 출력(숫자로 구분) - 달성률, 남은 일정 등 계산관련 - 알림신청 - 기간 만료로 인한 상태 자동변경(판매 중 → 판매종료) - 테이블 조인(4개 이상) - 기간 설정 시, 당일 이후의 기간만 설정하도록 조건 설정 - 결제 API -..

JSON(JavaScript Object Notation)이란? 브라우저와 서버 사이에 주고받는 데이터의 형식 JSON.stringify( ) 란? javaScript 값을 JSON 문자열로 변환하는 것 [JSON 문법] JSON.stringify(value[, replacer[, space]]) JSON.stringify(value, 함수호출 or 배열속성, 4) value JSON 문자열로 변환할 값. replacer(선택) JSON 문자열에 포함시킬 객체의 속성을 선택하기 위한 기능 replacer를 기입하지 않으면, value의 모든 속성이 JSON 문자열에 포함되어 출력 replacer를 기입함으로서, JSON 문자열에 출력할 속성과 제외시킬 속성을 설정할 수 있음 space(선택) 한 줄로 J..

메서드 모두 jQuery에서 요소를 삽입하는 기능 [사용 예] var html="사용 가능한 아이디 입니다."; $(html).insertAfter("#idCheck2"); /* 내용을 넣을 div 블록의 의 id */ * 주의 : 안에 사용해야 함 insertBefore() : 요소 앞에 추가 insertAfter() : 요소 뒤에 추가 prependTo() : 요소의 자식 요소 앞에 추가 appendTo() : 요소의 자식 요소 뒤에 추가

[관련 게시글] 댓글 리스트 출력 댓글 수정하기 댓글 삭제하기 import lombok.Getter; import lombok.Setter; @Getter @Setter public class Paging { private int currentPage = 1; private int rowPage = 10; private int pageBlock = 10; private int start; private int end; private int startPage; private int endPage; private int total; private int totalPage; //생성자 public Paging(int total, String currentPage1) { this.total = total; if..

목적 : 최종프로젝트 복습 및 전체적인 이해 인원 : 2명 방법 : 주요기능을 중심으로 개인 공부가 필요한 부분에 대해 개인 복습 후 상대방에게 코드 리뷰 구 분 리뷰 내용 본 인 - 회원가입 및 PW찾기 - 이메일 인증 - 채팅 - restAPI - 통합검색 - 결제 API - css : 메뉴 드롭, 상품 이름을 마우스 호버로 표현 상대방 - 회원가입 이메일 인증 - ID/PW 찾기 → Modal활용 - 회원 관리 → 회원 권한 변경(소비자/판매자) - 분류에 따른 게시판 출력(숫자로 구분) - 달성률, 남은 일정 등 계산관련 - 알림신청 - 기간 만료로 인한 상태 자동변경(판매 중 → 판매종료) - 테이블 조인(4개 이상) - 기간 설정 시, 당일 이후의 기간만 설정하도록 조건 설정 - 결제 API ..

[이전 게시글] Interceptor로 로그인 체크하기 로그인 체크 후 요청 페이지로 이동하기 [배경] 인터셉터로 로그인 체크하여 고정된 페이지가 아닌, user가 요청한 페이지로 이동하는 것까지는 좋았으나, 파라미터가 유실되는 문제가 확인되었다. [의도] 파라미터까지 가지고와서 정확한 요청 페이지를 보여주자. [원리] request.getRequestURL()을 통해 URL을 가지고 온 것처럼, 파라미터도 가지고 와야 한다. 이때 사용하는 request 객체는 아래와 같다. request.getQueryString() ✓ 예제 실습 After 로그인 Controller @Override public boolean preHandle(HttpServletRequest request, HttpServletR..

[배경] 세션에 저장된 id값이 없을 경우, Interceptor를 통해 로그인 폼으로 이동하는 것까지는 좋았으나, 로그인 후 redirect로 설정한 main페이지로 고정된 이동이 마음에 들지 않았다. [의도] 인터셉터를 통해 로그인하고 나면 유저가 원래 요청한 페이지로 이동하게 한다. [원리] FROM과 TO를 이해해야 한다. 어디서 요청을 하고, 어디로 요청을 했는지. 요청한 URL 값을 계속 가지고 다녀야 결국엔 요청 URL을 보여줄 수 있는 것 FROM은 아래의 메서드를 통해 알 수 있다. request.getRequestURL() request.getRequestURI() ✓ 예제 실습 Before 인터셉터 response.sendRedirect로 로그인 폼만 매칭할 경우, 로그인 폼으로 이동..

[정의] 태그는 사용자 입력란에 드롭다운 형식으로 검색어를 리스트로 보여주는 기능 [주의사항] 의 list 이름과 의 id 이름이 같아야 함 [예제활용] 아래의 input form을 클릭해보세요. HTML 삽입 미리보기할 수 없는 소스 아래와 같이 label을 추가하면 보여지는 값과 전송되는 값을 다르게 할 수 있음

import lombok.Getter; import lombok.Setter; @Getter @Setter public class Paging { private int currentPage = 1; private int rowPage = 10; private int pageBlock = 10; private int start; private int end; private int startPage; private int endPage; private int total; private int totalPage; //생성자 public Paging(int total, String currentPage1) { this.total = total; if(currentPage1 != null) { this.curre..

해당 게시글의 프로젝트 환경은 링크와 같습니다. [관련 게시글] 댓글 리스트 출력 댓글 삭제하기 댓글 페이징처리 [원리의 이해] 댓글의 수정의 포인트는 아래와 같다. - 해당 행을 선택해야 함 - 선택된 행 중에서 화면상으로 기존 댓글은 숨겨지고, 수정할 댓글창이 보여야 하며, 'DB'에서는 수정 내용이 반영되어야 함 - 해당 data만 업데이트되어야 하기 때문에 비동기 ajax를 사용 [View][HTML] 댓글 삭제에서 추가한 varStatus를 추가 활용 수정버튼을 클릭하면 현재 행번호를 매개변수로 'commentEdit' 함수가 실행 ${list.nickName} | ${list.c_date} 수정 삭제 화면상 보이는 댓글 폼을 아래와 같이 추가 눈속임이라고 볼 수 있는데, 기존에 등록된 댓글과 ..