5. Spring MVC Process
1. 사용자의 요청이 Front Controller 에 전달 여기서 적절한 컨트롤러를 찾아서 간다 .
2. 컨트롤러는 적절한 서비스 객체를 찾아서 호출
3. 서비스에서 데이터베이스의 작업을 담당하는 DAO(Data Access Object) 를 이용해서 원하는 데이터를
요청
4. DAO 는 MyBatis 를 이용하는 Mapper 를 통해서 원하는 작업을 수행
5-7. 처리한 데이터를 계속 전달하여 마지막에 뷰를 통해 결과를 보여준다 .
Content
6. Content
요청에 따른 결과처리
와 URI 에 대한 호출방
식 처리를 관리하는 컨
트롤러 패키지
DB 와의 연결을 담당하
는 DAO 패키지 , 인터
페이스와 구현체
(Impl) 로 구성
비즈니스 로직을 담당
하는 서비스 패키지 ,
마찬가지로 인터페이
스와 구현체 (Impl) 로
구성
화면에서 전달되는
데이터를 수집하기
위한 DTO 패키지
DAO 클래스에
데이터를 전달하기
위해 테이블의
구조를 객체화 시키
는
VO 패키지
로그인 인터셉터
패키지
DAO 가 사용하는 SQL
쿼리문 작성 패키지
이메일 인증과 파일
업로드를 위한 유틸
패키지
7. Content
회원가입 / 로그인
Ajax 를 이용하여 DB 에 중복되는 아이디가 있는
지
실시간 체크하여 확인 후 가입하면 이메일로 인증
메일이 전송된다 .
로그인을 하지않은 상태일
경우 즉시 로그인 페이지로
이동하며 , remember me 를
체크하여 자동 로그인이
가능하다 .
여기서 회원 정보를 입력하
여 가입을 하고 등록한 이메
일로 인증메일을 받을 수 있
다 .
8. Content
이메일 인증
자신의 이메일을 확인하면 인증 메일
이
도착해 있고 링크를 클릭하면
인증 화면으로 이동하여 인증키 확인
후 성공시 완료창이 뜨며 , 로그인 화
면으로 이동한다 .
9. Content
가입 아이디로 로그인
로그인을 하면
홈 화면으로 이동한다
.
프로필 관련과 아무런 글을 등록하지 않은 상태의 홈페이지 초기화
면
프로필 사이드를 클릭하면 계정 페이지로 이동할
수 있으며 , 여기서도 프로필 이미지를 등록 할 수
있지만 , 계정 페이지에서는 자세한 프로필을 수정
할 수 있다 .
10. Content
홈 화면에서의 프로필 이미지 등록
사진 올리기를 클릭하여 원하는 파일을
선택하면 화면이 어두워지면서 새창으
로 올릴 파일을 미리 확인이 가능하다 .
확인을 클릭하여
올릴 파일을
정하고 나면
Ajax 를 이용하여
실시간으로 프로필
이미지 등록이
완료된다 .
11. Content
계정 페이지 화면 설명
아무런 글이 등록되
지
않았을 때의 화면
프로필 사이드로 프로필 변경
버튼을 통해 수정이 가능하다
.
클릭시 홈으로 이
동
로고 클릭시 페이지의
top 으로 이동
로그아웃 버튼
Top 배경 및 프로필 수정 버
튼
팔로워가
가장 많은
3 명을
순서대로
보여준다
해당 SQL 문 , 친구 테이블에서 3 개
까지…
23. Content
팔로우 기능
로그인한 상태로 다른 사람
의 계정 페이지를 보면 그
사람의 계정을 등록 할 수
있다 .
이것 또한 Ajax 를 이용하여
실시간으로 팔로우 하고싶은
사람을 등록할 수 있으며 ,
등록 완료시 팔로잉 버튼으
로
바뀌는데 , 이 버튼을 한번
더
클릭하면 등록이 취소된다 .
24. Content
팔로잉 페이지
자신의 계정에 있는 팔로잉 페이지를 보면 다른 사람의 계정이 등록 된 것을 확인 할 수
있으며 팔로잉 카운트도 늘어난 것을 확인 할 수 있다 .
26. Content
좋아요 기능
로그인한 상태에서 좋아요 버튼을 누르면 DB 의 좋아요 테이블에서 해당 유저의 아이디가
있는지 확인하여 존재하지 않을 경우 카운트가 올라감과 동시에 테이블에 아이디가 입력되
고
같은 유저가 한번 더 좋아요를 클릭하면 카운트가 줄어들면서 해당 테이블에 아이디가