memory

main.jsp

//style에 wrapper id와 box, inside class를 선언한다

//box-shadow를 통해 테두리를 만든다

//head부분에 meta tag를 추가한다

//body 부분에 design할 요소를 추가한다

//#first : menu part

//#ad : advertisement img

//#icon : sns icon part

//#second, third, fourth, fifth, sixth : main contents

//link를 통해 responsive.css를 가져온다

responsive.css

//pc, tablet, mobile 3가지 device에 대한 design설정

//mobile에서 second box가 사라지게 설정

result(mobile, tablet, pc)

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