프로젝트/기능 정리
-
[JavaScript] SpringBoot 프로젝트 : 회원가입 기능 구현 - 이메일 본인인증 이메일 폼(<select>,<option>, JavaScript 변수, scope)프로젝트/기능 정리 2023. 7. 7. 17:02
목적 게시판 형식 웹사이트 개발 시 회원가입 기능 구현 정리 아이디 중복확인, 비밀번호 확인, 이메일 인증번호 등 세부 기능 정리 지난글까지는 회원가입 과정 중 아이디 중복확인 및 비밀번호 재확인, 전화번호 자동 하이픈(-) 기능을 살펴봤다. 이번 글부터는 이메일 인증 관련 부분에 대해 다뤄보자. [데이터 흐름도] 데이터 흐름도는 다음과 같다. [JSP] 먼저 폼을 어떻게 구성했는지 보겠다. 이메일 처리 전반 또한 이전 프로젝트에서 팀원이 작성해둔 코드를 거의(일부 변경) 그대로 가져온 것이다. 서칭해보니 팀원도 다른 포스트를 참고하여 작성한 것 같아 첨부한다. 참고 : https://devofroad.tistory.com/43 이메일 @ naver.com gmail.com daum.net hanmail..
-
[JavaScript] SpringBoot 프로젝트 : 회원가입 기능 구현 - 비밀번호 재확인, 전화번호 자동 하이픈(정규표현식)프로젝트/기능 정리 2023. 7. 1. 20:54
목적 게시판 형식 웹사이트 개발 시 회원가입 기능 구현 정리 아이디 중복확인, 비밀번호 확인, 이메일 인증번호 등 세부 기능 정리 지난 글에서는 아이디 중복체크 과정에 대해 정리했다. 이번 글에서는 흐름도엔 나와있지 않지만 JS로 비밀번호 재확인 과정과 전화번호 입력 시 자동으로 하이픈(-)을 넣어주는 기능을 정리해보도록 하겠다. [비밀번호 재확인] 우선 비밀번호 재확인부터 보자. [JSP] 비밀번호 비밀번호 재확인 디자인을 위한 태그를 제외하면 비밀번호 관련 코드는 위와 같다. 이전 글에서 설명했던 Spring 태그를 통해 비밀번호를 입력받았다. path가 곧 id와 일치하니 해당 id명만 기억하면 된다. [JavaScript] JS에서는 먼저 가입자가 최소 비밀번호 길이를 충족했을 때, 비밀번호 일치..
-
[Java] SpringBoot 프로젝트 : 회원가입 기능 구현 - 아이디 중복확인프로젝트/기능 정리 2023. 6. 29. 14:27
목적 게시판 형식 웹사이트 개발 시 회원가입 기능 구현 정리 아이디 중복확인, 비밀번호 확인, 이메일 인증번호 등 세부 기능 정리 지난 글에서는 전체적인 회원가입 과정 흐름과 가입 폼 태그 및 세부사항 등을 살펴봤다. 이번엔 회원가입 시 입력한 아이디 중복체크 과정을 알아보자. [데이터 흐름도] 데이터 흐름도는 다음과 같다. [JSP] 다시 아이디 부분 태그를 보면 아래와 같다. 아이디 간단히 흐름을 먼저 설명하자면, 회원이 아이디 입력 후 "중복체크" 버튼 클릭 JS에서 Ajax로 서버에 회원이 입력한 아이디 전달 요청 받은 컨트롤러는 회원이 입력한 아이디가 DB에 있는지 확인 아이디 유무에 따라 문자열을 담은 Map 객체 반환 정도로 볼 수 있다. 일단 버튼 태그는 아래와 같았다. id로 confir..
-
[Java] SpringBoot 프로젝트 : 회원가입 기능 구현 - 회원가입 폼(<form:form>, <form:input>, <form:errors>, validation)프로젝트/기능 정리 2023. 6. 28. 15:09
목적 게시판 형식 웹사이트 개발 시 회원가입 기능 구현 정리 아이디 중복확인, 비밀번호 확인, 이메일 인증번호 등 세부 기능 정리 두 번째 SpringBoot 프로젝트를 진행하면서 회원가입, 로그인 기능 구현을 맡았었다. 이전 프로젝트에서 다른 팀원이 진행했던 회원가입 기능 구현 코드를 거의 그대로 가져와서 이 프로젝트에 맞게 조금 변형하여 사용했는데, 이후 프로젝트를 위해 작성된 코드들을 하나씩 뜯어보고 리뷰해보도록 하겠다. 데이터 흐름은 다음과 같다. [데이터 흐름도] 회원가입 과정에서 필수적인 두 가지가 있다. 하나는 아이디 중복체크이고, 또 하나는 이메일 본인인증이다. 추가로 전화번호 입력과 비밀번호 확인도 있지만 해당 부분들은 JS에서만 처리 가능하여 흐름도엔 넣지 않았다. 이후 다루게될 내용엔..
-
[Java] SpringBoot 프로젝트 : 리스트 페이징 처리(5) - PagingUtil 클래스프로젝트/기능 정리 2023. 6. 21. 15:37
목적 게시판 형식 웹사이트 개발 시 DB에서 글 리스트 불러오기 기능 구현 리스트 게시판 페이징 처리 받은 코드 리뷰 이제 마지막으로 PagingUtil 클래스 내부 코드를 보도록 하자. 이전 글에서 페이징 처리에 필요한 값들을 구하는 식을 봤으니, 이제 코드를 보면 쉽게 이해가 갈 것이다. [데이터 흐름도] 데이터 흐름도는 다음과 같다. [PagingUtil 클래스] 우선 클래스 내부 코드를 보기 전 어떤 인자를 넘겨줬었는지 다시 보자. 아래는 컨트롤러에서 PagingUtil 객체를 생성하는 부분이다. PagingUtil page = new PagingUtil(keyfield, null, currentPage, count, 5, 5, "pointList.do"); 각 인자들이 무엇인지 앞에서 설명했지만..
-
[Java] SpringBoot 프로젝트 : 리스트 페이징 처리(4) - 페이징 처리 수식 유도프로젝트/기능 정리 2023. 6. 20. 22:45
목적 게시판 형식 웹사이트 개발 시 DB에서 글 리스트 불러오기 기능 구현 리스트 게시판 페이징 처리 받은 코드 리뷰 우선 PagingUtil 클래스의 코드를 보기 전에 어떤식으로 동작하는지 알아야 한다. 이를 위해 이번 글에서는 페이징 처리에 필요한 수식을 유도해보자. [데이터 흐름도] 데이터 흐름도는 다음과 같다. [페이징 처리] 우선 페이징 처리를 위해 어떤 값들이 필요한지 보자. 아래 계산들을 위해서 다음 값들은 필수적으로 가지고 있어야 한다. 현재 페이지 전체 게시물 개수 한 화면에 보여줄 게시물 수 한 화면에 보여줄 페이지 번호 수 [전체 페이지 수] 먼저 전체 게시물의 개수를 알고 있고, 한 페이지에 몇 개의 게시물씩 보여줄지 정했다면 전체 페이지 수를 구할 수 있다. 예를 들어, 전체 게시..
-
[Java] SpringBoot 프로젝트 : 리스트 페이징 처리(3) - DB에서 리스트 불러오기(Mapper.xml, Generics, ROWNUM)프로젝트/기능 정리 2023. 6. 17. 23:17
목적 게시판 형식 웹사이트 개발 시 DB에서 글 리스트 불러오기 기능 구현 리스트 게시판 페이징 처리 받은 코드 리뷰 지난 글에서는 요청 받은 컨트롤러가 DB 내 테이블에서 페이징을 위해 원하는 행의 개수를 가져오는 과정을 살펴봤다. 이번에는 이어서 리스트를 불러오는 과정을 살펴보자. [데이터 흐름도] 데이터 흐름도는 다음과 같다. 컨트롤러의 코드를 다시 보자. [Controller - pointList.do] @RequestMapping("/mypage/pointList.do") public ModelAndView pointList(@RequestParam(value = "pageNum", defaultValue = "1") int currentPage, @RequestParam(value = "key..
-
[Java] SpringBoot 프로젝트 : 리스트 페이징 처리(2) - DB 리스트 개수 가져오기(@RequestParam, ModelAndView, xml)프로젝트/기능 정리 2023. 6. 16. 14:34
목적 게시판 형식 웹사이트 개발 시 DB에서 글 리스트 불러오기 기능 구현 리스트 게시판 페이징 처리 받은 코드 리뷰 지난 글에서는 jsp가 컨트롤러에 어떤식으로 요청을 보내고, 받은 데이터는 어떻게 화면에 표시하는지 살펴봤다. 이번엔 요청 받은 컨트롤러가 데이터를 어떻게 처리하는지 알아보자. [데이터 흐름도] 데이터 흐름은 다음과 같다. 처음 포인트 페이지에 접근할 때 경로는 다음과 같았다. [Controller - pointList.do] 해당 경로로 매핑된 코드는 다음과 같다. 포인트 리스트를 표시하는데 필요한 코드들만 보도록 하겠다. @RequestMapping("/mypage/pointList.do") public ModelAndView pointList(@RequestParam(value = ..