💻 <!-- dev -->

[Spring] Interceptor를 사용하여 페이지 허점 잡기(로그아웃 시에도 마이페이지 접속됨)

📌 현재 상황 👉🏻 로그인하지 않았음에도 localhost:8006/spring/myPage.me 접속 시 마이페이지가 뜸 📖 Controlelr 실행 전/후의 요청을 낚아채는 Interceptor 💻 LoginInterceptor 클래스 생성 👉🏻 interceptor의 패키지 구조 하나 더 생성 후 만들 것! 👉🏻 HttpSession을 통해 loginUser가 있을 때만 접속 가능하게 만들 수도 있음 👉🏻 스프링 방식 적용도 가능함! package com.kh.spring.common.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.se..

[Spring] Controller 실행 전/후의 요청을 낚아채는 Interceptor

🙋🏻‍♀️ Interceptor란? 👉🏻 DispatcherServlet과 Controller 사이에서 해당 Controlelr가 실행되기 전 혹은 실행된 후에 요청을 낚아채서 실행할 내용을 작성 가능 👉🏻 Spring에서만 사용 가능함 👉🏻 주요 쓰임새: 로그인 여부 판별, 권한/직급 체크 Interceptor와 Filter의 차이점 👉🏻 존재 시점의 차이 ✔️ Filter : Servlet에서 발생한 개념 요청이 Servlet에 도달하기 전에 가로채서 선처리하는 시점 ✔️ Interceptor : Spring에서 발생한 개념 요청이 Controller의 메소드에 도달하기 전에 가로채서 선처리 또는 후처리하는 시점 요청의 흐름 사용자 👉🏻 View 👉🏻 "Filter"👉🏻 DispatcherServle..

[11/28] 별점 구현 화면 만들기

조건 1. 마우스오버 형식일 것 👉🏻 더 편하니까 2. 아름다운 UI일 것 (ㅋㅋ) 3. 0.5점 구현이 가능할 것 1. 1점 단위의 별점 구현 👉🏻 radiobox를 사용 👉🏻 이모지를 label로 붙이고 박스를 보이지 않게 없앰 👉🏻 이모지를 컬러 없애고 호버 시 색상 부여 👉🏻 이모지를 클릭 시 호버의 색상 그대로 부여하고 유지 문제점 ❓ html, css 끝내 놓고 나니 value를 다시 1~5 순서로 바꿔도 잘 작용한다 뭐지? ❓ 0.5점씩 구현하고 싶었는데 이 코드로는 안 될 것 같다 이모지를 가지고 온 형태라 쪼개기 힘들 듯... html 코드 유저닉네임 님의 의견을 들려주세요 ⭐ ⭐ ⭐ ⭐ ⭐ css 코드 👉🏻 포인트 색을 우리 웹 사이트의 색인 민트로 바꿔 보았다... 제법 귀엽다 /* ..

[Spring] Spring에서 Ajax 사용하기 3-3 활용 - 댓글 작성 기능

🔥 댓글 작성 기능 🔥 ✔️ Spring_Project에서 진행함 📌 을 진행하기 전에 로그인 안 된 상태인데 댓글 쓸 수 있는 거 매우 킹받음 💻 boardDetailView 👉🏻 로그인 전후로 조건 나누어 로그인 전인 경우 댓글을 등록할 수 없게 막아두기 👉🏻 로그인 된 상태일 경우 댓글 작성 요청용 ajax를 사용하기 위해 addReply 함수를 script에 선언 ✔️ 내용을 적었을 때만 등록 가능하게 하는 설정 추가 👉🏻 form 태그 내에서는 required 속성이 적용되지만 form 태그 밖에서는 required 속성이 소용 없음! 👉🏻 댓글 내용이 있는지 먼저 검사 후에 있다면 ajax 요청 보내기! (textarea 요소에 value 속성값 기준으로 공백 제거 후 길이가 0이 아닌 경우)..

[Spring] Spring에서 Ajax 사용하기 3-2 활용 - 🔥 댓글 리스트 조회 기능 🔥

🔥 댓글 리스트 조회 기능 🔥 ✔️ Spring_Project에서 진행함 💻 pom.xml 👉🏻 Ajax 관련 두 개의 라이브러리 추가 후 Update Project com.googlecode.json-simple json-simple 1.1.1 com.google.code.gson gson 2.10 💻 Reply 👉🏻 sqlDeveloper의 테이블 참고해서 클래스 구성할 것 👉🏻 롬복을 사용하되 모든 필드를 매개변수로 가지는 생성자는 생성하지 않을 것 💡 @AllArgsConstructor를 적지 않는 이유? 보통 기본 생성자로 생성 후 setter로 넘겨 주는 꼴이기 때문에 모든 필드를 매개변수로 가지는 생성자는 만들지 않아 볼 것 package com.kh.spring.board.model.vo;..

[Spring] Spring에서 Ajax 사용하기 3-1 - GSON 활용(조회 요청 후 조회된 회원 리스트를 응답받아서 출력해 보기)

한 번에 ArrayList에 담아 리턴하고 싶다면 GSON을 쓰는 게 좋음! ⌨️ index.jsp 👉🏻 값이 잘 넘어오는지만 확인해 볼 용도 3. 조회 요청 후 조회된 회원 리스트를 응답받아서 출력해 보기 회원 전체 조회 아이디 이름 나이 전화번호 💻 AjaxController @ResponseBody @RequestMapping(value="ajax3.do", produces="application/json; charset=UTF-8") public String ajaxMethod3() { // DB를 통해 모든 회원의 정보를 조회했다라는 가정하에 ArrayList 생성 ArrayList list = new ArrayList(); // JDK 8 버전 쓸 때는 문법상 생략이 가능했으나 6 버전에서는 ..

[Spring] Maven을 이용하여 GSON 다운로드

1. Maven Repository 접속 https://mvnrepository.com/ 2. gson 검색 3. 가장 최신 버전인 2.10 버전을 쓸 것 (버전 자체가 크게 중요하지는 않은 듯함) 4. Maven 구문 복사 com.google.code.gson gson 2.10 5. pom.xml dependency 영역에 붙여넣기 6. Update Project 7. Package Explorer의 Maven Dependencies에 gson 추가된 것 확인 가능 8. Gson import 시 잘될 것

[Spring] Spring에서 Ajax 사용하기 3 - JSON과 GSON(조회 요청 후 조회된 한 회원의 객체를 응답 받아서 출력해 보기)

1️⃣ DB로부터의 조회 없이 데이터의 흐름만 살펴보기(JSON) 👉🏻 내가 일일이 필드명을 키값으로 지정해 데이터를 넣어 줘야 하는 JSON 👉🏻 내가 여러 개의 데이터를 보내더라도 하나의 문자열로 보임 💻 콘솔에 출력할 용도의 index.jsp 2. 조회 요청 후 조회된 한 회원의 객체를 응답 받아서 출력해 보기 조회할 회원번호: 조회 💻 Member 클래스 생성 package com.kh.ajax.model.vo; public class Member { private String userId; private String userPwd; private String userName; private int age; private String phone; public Member() { } public M..

[Spring] Spring에서 Ajax 사용하기 2 - 여러 개의 응답 받기

1️⃣ HttpSession을 이용해서 요청에 응답한다면? 👉🏻 여러 개의 데이터가 띄어쓰기 없이 연달아서 응답됨 👉🏻 따로 통로를 열어 보낼 수는 있지만 보내면 한 개의 문자열로 연이어서 보내는 꼴 👉🏻 구문을 하나씩 써야 하기 때문에 귀찮고, 구분자도 없어서 구분이 힘듦! 💻 index.jsp 👉🏻 요청은 그대로 받음(수정 내용 없음) 1. 요청 시 값 전달, 응답 결과 받아보기 이름: 나이: 전송 💻 HttpSession 형식을 이용한(기존 방법의) AjaxController // 다수의 응답 데이터가 있을 경우 @RequestMapping("ajax1.do") public void ajaxMethod1(String name, int age, HttpServletResponse response) t..

[Spring] Spring에서 Ajax 사용하기 1 활용 - 🔥 아이디 중복체크 기능 🔥

🔥 아이디 중복체크 기능 🔥 ✔️ Spring_Project에서 진행함 💻 memberEnrollForm.jsp 👉🏻 회원가입 버튼 기본 상태 disabled 속성 추가 👉🏻 아이디값 밑에 결과값을 출력해 줄 수 있는 div 태그 생성 👉🏻 form 태그에 id 설정값 추가 👉🏻 최소 5글자 이상으로 아이디값이 입력되어 있을 때만 ajax 요청할 수 있도록 script 만들기 (유료 프로그램의 경우쿼리문의 개수가 한정되어 있을 수 있기 때문에) 회원가입 * ID : * Password : * Password Check : * Name : Email : Age : Phone : Address : Gender : 남자 여자 회원가입 초기화 ⌨️ 5자 이상일 때만 요청이 잘 들어가는지 확인할 MemberCon..