memory

main.jsp

style.css

//기존에 만든 menu.css 와 icon.css를 style.css에 통합시키고 login css를 추가하였다

//button 오른쪽 정렬을 위해 아이디 b를 td에 설정했다

result

main.jsp

//head부분에 menu.css, style.css 링크를 추가한다

//div를 이용해 menu 아이디를 설정하고 

//ul, li를 이용해 menu 생성

responsive.css

//tablet일경우 menu가 세로로 배치되어야하므로

//menu넓이를 줄여주고 menu.css에서

//padding값을 줘서 세로로 정렬되게한다

menu.css

//list-style을 none으로 설정하고 text를 가운데 배치

//menu를 가로로 정렬하기위해 inline-block을설정한다

style.css

//하이퍼링크 속성을 제거하고 기본글꼴을 설정

result

1. join.jsp

2. joinOk.jsp

3. login.jsp

4. loginOk.jsp

5. logout.jsp

6. main.jsp

7. modify.jsp

8. modifyOk.jsp

9. member.js

10. memberDAO.java

11. memberDTO.java

*memberDAO and memberDTO must be in "first" package

*must be connected to DB with Connection pool setting

*must change DB setting into your account.

<this is the last step of JSP register and log in process

So, you need to do previouse two steps to follow this>

1. in the previous step, you have done Connection pool setting

and made database, DAO, DTO.

2. modify.jsp 작성

a. session을 통해 id를 가져온다

b. 가져온 id로 getMember method를 통해 

모든 정보를 mdto에 가져온다 

3. updateInfo function 을 member.js 에 추가한다

a. 비밀번호의 동일성을 확인한다

b. modifyOk.jsp 파일로 data를 전송한다

4. modifyOk.jsp 작성

a. 세션을통해 id를 mdto에 가져오고 

mdao에 updateMember method를 실행한다

b. return된 n값으로 update 여부를 보여준다

5. memberDAO 에 updateInfo method를 추가한다

mdto에서 가져온 정보로 DB를 update한다.

6. DB check

<this is the next step after JSP Register Process

so, you must do JSP Register Process to follow this>

1. in the JSP Register Process,

you have done Connection pool setting

and made database, DAO, DTO

(check JSP Register Process)

2. login.jsp 작성

a. log in form 만든다

b. loginOk에서 설정한 chkMember 세션 확인

3. memberDAO 에 methods 추가

a. 결과 상수값 추가

b. memberCheck methods 생성

c. getMember methods 생성

4. loginOk.jsp 파일 작성

a. memberCheck method 를 이용해

chkNum 값을 int 형으로 받아온다

b. getMember method 를 이용해

data를 DTO를이용해 받아온다

5. main.jsp 작성 after log in

a. chkMember session 을통해 로그인상태를확인

b. 로그인 인증된 상태일경우 name 출력

6. logout.jsp 작성 after log out

7. check with an account in DB

1. server 안에 context.xml에

connection pool 세팅을 해준다.

2. data base 를 생성한다.

3. register form 을 만든다

4. 유효성검사와 joinOk.jsp로 submit 하기위한

member.js 파일을만든다

5. first란 package에 class를 이용하여 

memberDTO 작성

5. first란 package에 class를 이용하여 

memberDAO 작성

a. DB 접속을위한 getConnection method 생성

b. DB 에 데이터 입력을 위한 insertMember method 생성

c. 동일한 아이디 확인을 위한 checkId method 생성

d. 쉽게 구별하기위해 결과값을 상수로 저장

e. 다른 파일에서 접근하기위한 getInstance method 생성. 

6. joinOk.jsp 파일 작성

7. DB check