본문 바로가기

웹개발 풀스택 과정/- Bank Project(Spring Legacy 예제)

 (11)
48일차(2022.03.07) _ 질문답변게시판 - 공통 속성 추출해서 상속, 구현하기 / @ModelAttribute 1. DB 설계 1. 논리 Table 설계 공지사항 테이블 글번호 : PK, 시퀀스 사용 글제목 : 글의 제목 글내용 : 글의 내용 작성자 : 글의 작성자 작성일자 : 현재날짜 조회수 : 조회수, 초기값 0 2. 물리 Table 설계 QNA TABLE NUM : NUMBER TITLE : VARCHAR2(100) CONTENTS : VARCHAR2(4000) WRITER : VARCHAR(100) REGDATE : DATE HIT : NUMBER REF : NUMBER STEP : NUMBER DEPTH : NUMBER 2. 기능 설계 1. 질문 리스트조회 : list() - Controller method : list - URL : /qna/list - Method : GET - Parameter : ..
47일차(2022.03.04) _ 회원가입 폼 JS로 검증 만약 뭔가 웹 상에서 입력되는 데이터를 검증하고 서버로 넘겨야 할 때는, JS를 활용해서 검증을 하면 된다. 그도 그럴 것이 항상 검증을 할 때마다 서버로 보내서 검증을 하고 다시 클라이언트에게 응답을 보내고 그렇게 설계를 하다 보면, 클라이언트가 입력했던 데이터들을 일일히 계속 서버로 받아주어야 하고 그것을 또 다른 JSP를 만들어서 넣어주어야 하고 굉장히 비효율적인 작업이다. 그래서, JS를 사용하는 이유가 무엇인가? 동적으로 웹을 구상하기 위해서이다. 동적으로 사용자의 입력값을 바로바로 검증하면 된다. 1. 비밀번호 검증 비밀번호 입력 const pwResult = document.getElementById('pwResult'); const pw = document.getElementById('pw..
43일차 실습 _ 게시판 Paging 작업하기 (Paging 소스코드 과정 분석) https://github.com/cares0/Legacy_4/commit/74cf0fa71ada0b0631a3e77cb0d4c761c133e33e add_pager · cares0/Legacy_4@74cf0fa This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. github.com 수업때 너무 혼동이 왔지만 차근차근 이해하고 난 뒤 혼자 해결해보았다. 주석으로 큰 주제들만 대강 적어논 다음에 혼자 풀려고 노력해보았는데 강의 소스코드를 안보고 혼자서 설계를 했다는 점에 굉장히 뿌듯... 처리되는 순서가 헷갈려서 조금 정리해보고자 한다. 우선 처음 시작이 ..
42일차(2022.02.23) _ 통장 정보, 공지사항, 회원 정보 수정 (update) - 수정 폼으로 이동 시에 폼에 원래 데이터가 입력되어 있어야 함 1. 통장 정보수정 1) 통장 수정 폼으로 이동 - Controller method : update - URL : /bankbook/update - Method : GET - Parameter : bookNumber - Response : /WEB-INF/views/bankbook/update.jsp 2) DB에 UPDATE - Controller method : update - URL : /bankbook/update - Method : POST - Parameter : bookName, bookContents, bookRate, bookSale - Response : Redirect:/WEB-INF/views/bankbook/detai..
41일차(2022.02.22) _ 회원정보 login/logout/mypage 설계 (Cookie, Session 객체 사용 예시) 1. Login 기능 1) login 폼으로 이동 - Controller method : login - URL : /member/login - Method : GET - Parameter : X - Response : /WEB-INF/views/login.jsp 2) SELECT - login 처리 - Controller method : login - URL : /member/login - Method : POST - Parameter : id, pw - Response : Redirect:/WEB-INF/views/index.jsp 2. Logout 기능 - Session 객체 소멸 - Controller method : logout - URL : /member/logout - Method : GET ..
40일차(2022.02.21) _ 회원정보 DB설계, Back/Front-End 설계(join) 1. Table 요구사항 확인 - 회원 식별을 위해 ID, PW가 필요 - 회원정보 변경시 본인 확인용도로 전화번호, 이메일주소 필요 - 웹 어플리케이션을 이용하려면 로그인 후 사용 가능 - 회원가입, 로그인, 로그아웃, 탈퇴, 회원정보 확인, 회원정보 수정 2. 논리 Table 설계 아이디 : PK 비밀번호 : 로그인용 이름 : 멤버의 이름 전화번호 : 본인 확인용, 중복 불가, NULL 불가 이메일 : 본인 확인용, 중복 불가, NULL 불가 3. 물리 Table 설계 ID VARCHAR2(100) PW VARCHAR2(100) NAME VARCHAR2(100) PHONE VARCHAR2(100) EMIAL VARCHAR2(100) 4. 기능 설계 1) INSERT - 회원가입 폼으로 이동 - DAO..
39일차 실습 _ 공지사항 게시판 Front-End 설계 (add, detail, list 까지) Front-End 설계 1. 공지사항 리스트조회 : list() - URL : /notice/list - Method : GET - Parameter : X - Response : /WEB-INF/views/notice/list.jsp 2. 공지사항 상세내용 : detail() - URL : /notice/detail - Method : GET - Parameter : num - Response : /WEB-INF/views/notice/detail.jsp 3. 공지사항 등록 : DAO - add() 1) Form 이동 - URL : /notice/add - Method : GET - Parameter : X - Response : /WEB-INF/views/notice/add.jsp 2) Form에서 ..
39일차(2022.02.18) _ 통장정보 Front-End 설계 (add, detail, list 까지) Front-End 설계 1. 통장리스트조회 : list() - URL : /bankbook/list - Method : GET - Parameter : X - Response : /WEB-INF/views/bankbook/list.jsp 2. 통장상세내용 : detail() - URL : /bankbook/detail - Method : GET - Parameter : bookNumber - Response : /WEB-INF/views/bankbook/detail.jsp 3. 통장등록 : DAO - add() 1) Form 이동 - URL : /bankbook/add - Method : GET - Parameter : X - Response : /WEB-INF/views/bankbook/add.jsp ..

티스토리툴바