2022. 10. 8. 14:22ㆍDev.Program/JSP & Javascript
index.html ⇒ 기본 디자인
디자인은 웬만하면 바꾸지 말고 이미지만 바꿔서 작업하기.
→ 이번 과제는 기능 구현 위주(게시판 만들고 등등)
- 우편번호 검색 구현 : API 이용(직접 구현해도 상관 없는데 API가 쉽고 편하다)
- 게시판 구현 : 파일 첨부 없는거
- 자료실 : 파일 업로드(파일첨부 있는거) / 갤러리 : 이미지 업로드
- 메일 보내기 : API ⇒ 책에 있음(책 12장 참조)
- 댓글 달기 구현 : 과제 중에 가장 어려운 거… DB 따로 만들어야 됨.
(게시판 글에 대한 댓글 달기)
- 추가기능 : 지도, 차트 등등.. 추가 기능들
⇒ 밑줄 친 부분 외에는 같이 만들 거! 밑줄 부분은 혼자 구현)
⇒ 개인 포트폴리오 요약서 작성(자기 기업 제출용 포트폴리오)
프로젝트 80점 / 발표 20점 (개인 발표 PPT : 유스케이스/클래스/시퀀스 다이어그램 포함)
- Dynamic Web Project → FunWeb 새로만들기
- funweb2 안에 있는 파일을 WebContent로 복사 붙여넣기
- Ctrl + F11 로 동작되는지 확인해보기!
- 동작되면 이렇게 웹페이지 화면이 바로 뜬다.
- 이렇게 5개 있는지 보기. 확장자가 html로 되어있으면 구동할 수 없기 때문에 이름만 똑같이 해서 jsp 파일 새로 만들어주기
- ***.html 파일에서 ***.jsp 파일로 <html></html> 부분 복사해오기
html 파일은 백업용으로 두고, 작업은 전부 jsp 파일로 할 것.
- 하이퍼링크가 전부 html로 되어있기 때문에 전부 jsp로 바꿔줄 것.
- Ctrl + F (찾기)
- .html ⇒ .jsp로 전부 바꾸기 (Replace All)
- index.html에서도 .jsp 로 바꿔주기
- 실행 시켰을 때 화면에 전부 .jsp로 나오는지 확인하기
< join.jsp >
- 지금은 DB에 id, pass, name, e-mail 만 있으니까 아래 3가지 추가해줄 거!
(나중에는 post code도 추가)
- 주소랑 상세주소를 address / address2(detail) 로 따로 만들지…?? 생각해보기
// FunWeb 회원가입
// 테이블 주소, 전화번호, 핸드폰번호 열추가
|
<join.jsp>
- form action 에 아무것도 안되어있음. 추가해야됨.
- 회원가입 처리할 페이지 만들 거! (joinPro.,jsp)
- 모든 하이퍼링크는 get 방식인데 form 태그에서만 post 방식으로 바꿀 수 있다.
- 이름 똑같은지 확인하기
- button은 아무런 기능이 없다!
- button 부분을
======== joinPro.jsp 새로 만들기
<joinPro.jsp>
- 여기서도 jdbc 연동해줘야 DB랑 연동됨.
- menu / copyright 부분은 계속 반복됨.
- 이런 식으로 join.jsp / main.jsp 등등 코드가 계속 반복되니까 이 부분을 따로 떼내서 만들어 줌! (그럼 수정할 때 한 번만 수정하면 되니까)
- Web 폴더 안에 inc 만들기
<top.jsp>
- join.jsp 부분에서 <헤더들어가는곳> 부분 떼어오기
- join.jsp 실행해보면 top 부분 잘린 거 볼 수 있다.
<bottom.jsp>
- join.jsp 부분에서 <푸터들어가는곳> 부분 떼어오기
- join.jsp 실행해보면 bottom 부분도 잘린 거 볼 수 있다.
<join.jsp>
이제 include로 top/bottom 부분 넣어줄 것.
top.jsp 와 bottom.jsp의 위치를 찾아가야됨.
.. (점2개)는 빠져나오는 거! (상위폴더)
| <jsp:include page="../inc/top.jsp"></jsp:include> <jsp:include page="../inc/bottom.jsp"></jsp:include> |
- 모든 jsp 파일의 헤더부분, 푸터부분 고치기!
<login.jsp>
- 고쳐주기!
======== loginPro.jsp 만들기
<top.jsp>
로그인 했을 땐 **님이 로그인했습니다. logout / join 이 보이고
로그아웃 했을 땐 login / join 이 보이도록
- 이 부분에서 회원정보수정 추가해주기 (마이페이지로 따로 만들어도 됨!)
- 이건 각자 만들기
-------------------------------------------------
StudyJSP로 돌아가기
<memberDAO.java>
→ 이 부분이 계속 반복 됨! 따로 떼서 만들어주면 반복되는 코드가 줄어든다!
- 함수로 떼서 사용하는 방법
- 외부에서는 사용하지 않으니까 private로 만든다.
- 예외처리를 하지 않았기 때문에 빨간줄 그임! (예외도 반복되므로 예외처리도 한번만 해준다) ⇒ 예외처리를 메서드호출한 곳에서 처리하겠다. = throws Exception
- 아래쪽에서 1,2단계를 부를 땐(함수를 호출할 땐)
⇒ funWeb에서도 이런식으로 만들어주기!
- 파일로 떼서 사용하는 방법 ( → 이게 더 간편한데 이건 다음에! )
try~catch 문에 finally
⇒ 예외상관없이 마무리 작업 구문 - 기억장소 해제!
- try 안에 p 변수가 있기 때문에 finally에서 쓸 수 없다
- ⇒ 밖에서 p 변수 초기화해주기
- 앞부분은 오류가 없어졌는데 뒤에 부분은 안사라짐! (예외 처리try~catch)
- try~catch문 사용 후 오류 사라짐(기억장소 해제)
- 여러명이 동시에 들어와 작업하면 부하가 많이 걸려서 다운이 되기 때문에 기억장소를 바로바로 해제시켜주는 작업을 해줌.
- 아랫쪽도 똑같이 작업해줌. ⇒ con - p - rs 순이므로 기억장소 해제할 땐 rs - p - con 순서
'Dev.Program > JSP & Javascript' 카테고리의 다른 글
| 게시판 만들기 - (3) (1) | 2022.10.08 |
|---|---|
| 게시판 만들기 - (2) WAR Export / Import (0) | 2022.10.08 |
| 자바빈(JavaBean) (0) | 2022.10.07 |
| 게시판(board) (0) | 2022.10.07 |
| JSP - DB 연동 (0) | 2022.10.07 |