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영역이 보이지 않 습니다.
• 최신 코멘트가 위쪽에 위치합니다.
• 자신의 코멘트에만 삭제 버튼이 보입 니다.