1.prototype 만들기

- 회원가입

- 로그인

- 블로그생성

- 블로그 이미지 및 제목 변경

- 카테고리 추가 삭제, 포스트수 가져오기

- 메인화면에 포스트 카테고리 표시하기

-포스트가 있다면 카테고리 삭제시 예외처리

2.소스 간결화 및 최적화

• 페이지이동으로 사용하는 a태그 버튼 및 이미지 text 이벤트로 변경하기
• 하드코딩한것 인터셉터로 변경
• 겹치는 이벤트 삭제
• 매개변수 줄이지
• 메소드 하나당 기능 하나씩만 사용하기
• get방식으로 보낸 데이터 처리하기

3.css, boostrap 적용해보기

• css로 꾸미기
• boostrap으로 화면정리

아직 구현 못한 기능

• 삭제 되는 카테고리 alreat 띄우기
• 개인블로그 메인 포스트 리스트 기본값으로 #5영역의 가장 최근 포스트가 출력

• localhost:8088/jblog/ 입력시 JBlog 메인 페이지 출력

• 클릭시 JBlog 메인 페이지로 이동 됩 니다.

• 클릭시 로그인 페이지로 이동합니다.

• 클릭시 회원가입 폼 페이지로 이동합 니다.

• 기능구현 하지 않습니다.

#2, #3, #4 의 경우 다른 페이지에서 도 동일하게 적용합니다.

• localhost:8088/jblog/user/join 으로 주소입력 또는 링크 클릭시 회원가입 폼 패이지가 출력됩니다.

• 사용한 id는 자신의 블로그 주소로 사 용됩니다.

• 예제 localhost:8088/jblog/namsk

• AJAX 로 구현합니다.

• 미가입 아이디일때 메세지 사용할 수 있는 아이디 입니다

• 사용중인 아이디일때 메세지 다른 아이디로 가입해 주세요.

• 클릭시 회원가입이 진행됩니다!

• 이름입력여부 • 아이디입력여부 • id중복체크여부 • 패스워드입력여부 • 약관동의여부 순으로 체크하며 동시에 해당하는 경우 가장먼저 발생한 메시지만 출력합니다.

• 회원가입 성공시 출력되는 페이지 입 니다. • 회원가입 성공시 회원정보 등록되고 개인블로그가 생성 됩니다. • 개인블로그 생성의 자세한 내용은 다 음 페이지 참조

• 클릭시 로그인 페이지로 이동합니다.

• localhost:8088/jblog/{회원아이디} 의 주소로 자신 또는 타인의 개인블로그 에 접속 할 수 있습니다.

• 예제 localhost:8088/jblog/namsk

• {회원명}의 블로그 입니다.

• 등록된 글이 없습니다.

• 기본 개인블로그 로고 이미지 출력

• 카테고리명: 미분류 • 카테고리설명: 기본으로 만들어지는 카테고리 입니다.

• 클릭시 로그인 페이지로 이동합니다.

• localhost:8088/jblog/user/login

• 클릭시 로그인이 진행됩니다.

• 로그인 실패시 3번 영역에 메시지가 출력됩니다.

• 로그인 성공시 JBlog 메인페이지로 이동됩니다. 상세 설명 다음페이지 참고

• 로그인 성공시 로그아웃 내블로그 으로 변경됩니다.

• 클릭시 로그아웃 되며 다시 로그인 회원가입으로 변경.

• 클릭시 로그인한 사용자의 개인블로그 로 이동됩니다. • 자세한 내용 다음페이지 참조

• localhost:8088/jblog/{회원아이디} 의 주소로 자신 또는 타인의 개인블로그 에 접속 할 수 있습니다.

•예제 localhost:8088/jblog/namsk

• 주소 localhost:8088/jblog/{회원아이 디}/admin/basic •내블로그 관리 클릭시 이동되는 기본 페이지입니다.

• 클릭시 블로그 제목과 로고이미지가 변경되며 현재페이지로 이동됩니다. • 블로그 제목: 상단의 타이틀이 입력한 내용으로 변 경됩니다. • 로고이미지: 로고이미지 변경시 자신의 개인 블로 그 메인의 로고이미지가 변경됩니다. 로고이미지를 변경하지 않은 경우 기존의 로고이미지가 계속 적용됩니다.

.

• 주소 localhost:8088/jblog/{회원아이 디}/admin/category

• 내블로그관리 > 카테고리 클릭시 이 동되는 페이지 입니다.

• 클릭시 새로운 카테고리가 추가됩니다.

• 카테고리 리스트로 최근 등록된 카테 고리가 상단에 위치합니다. • 해당 카테고리의 포스트 수 도 같이 출력합니다.

• 삭제 버튼 클릭시 포스트가 없는 경우 만 삭제됩니다. • 포스트가 있는 경우 alert창으로 메시 지 출력

• 주소 localhost:8088/jblog/{회원아이 디}/admin/write

• 내블로그관리 > 글작성 클릭시 이동 되는 페이지 입니다.

• 클릭시 등록된 카테고리 리스트를 볼 수 있으며 선택한 카테고리에 포스트 가 등록됩니다.

• 클릭시 포스트가 등록되며 현재 페이 지로 이동됩니다.

• localhost:8088/jblog/{회원아이디} 의 주소로 자신 또는 타인의 개인블로그 에 접속 할 수 있습니다.

• 방문한 블로그의 정보가 출력됩니다.

~~• 클릭시 #5영역에 전체 포스트 리스트 가 출력됩니다. ~~(수정점: a태그를 사용하여 get방식으로 데이터를 보내서 url에 데이터가 남음 방법 고민중) • 블로그 메인 로딩시 기본값으로 선택 되어 집니다.

• 클릭시 #5영역에 선택한 카테고리의 포스트 리스트가 출력됩니다.

• 선택한 카테고리의 포스트리스트가 모 두 출력됩니다.(페이징 기능 없음) (수정점: a태그를 사용하여 get방식으로 데이터를 보내서 url에 데이터가 남음 방법 고민중) #6 포스트 영역 • 기본값으로 #5영역의 가장 최근 포스 트가 출력됩니다. (데이터를 남기는 방법 고민중) • 리스트의 포스트 선택시 선택한 포스 트가 출력됩니다 (수정점: a태그를 사용하여 get방식으로 데이터를 보내서 url에 데이터가 남음 방법 고민중)

• 로그인한 사용자만 작성 가능합니다. • 이름은 자동으로 출력됩니다. • 비로그인 회원은 #1영역이 보이지 않 습니다.

• 최신 코멘트가 위쪽에 위치합니다.

• 자신의 코멘트에만 삭제 버튼이 보입 니다.