회원 가입을 위한 화면을 구현합니다.

users/profile

MENU : POSTS

(1) 사용자가 로그인에 성공하면 Profile 화면으로 이동합니다.
(2) 로그인한 본인만 Profile의 POSTS menu에서
글을 작성하고 작성한 글 목록을 확인할 수 있습니다.
(3) 글 목록은 5개씩 호출되어 출력되며, infinite scroll로 구현합니다. (ajax 호출)

signup.jsp, signin.jsp

• submit 버튼을 눌렀을 때 form에 입력한 값들이 컨트롤러 액션 메소드에 전달되지 않는다.

• 로그인이 성공할 경우 이어질 화면을 구현합니다.

• 로그인한 유저의 프로필 화면으로 구현할 예정

• 사용자가 게시글을 작성하기 위해 Post 테이블이 필요합니다.

• Post entity, controller, service, reposiroty 등을 구현합니다.

• jsp도 해당 기능에 맞게 수정합니다.

• 사용자는 user/profile 의 POSTS 메뉴에서 글 작성이 가능합니다.

Likes

• 게시글에 '좋아요(or 추천, 공감)' 기능을 구현합니다.

• 사용자는 한 게시글에 한번만 '좋아요'를 누를 수 있습니다.

USER Entity

서비스에서 필요한 uid, name, profile image만 저장한다.

sign up

회원 가입이 완료되면 uid와 함께 유저 정보 DB에 저장

sign in

client에서 uid와 access token을 전달받아 kakao profile과 DB에서 USER 조회 후 비교

• 일치하면 session 로그인
• 불일치, not found 로그인 실패
• 로그인된 사용자만 사용 가능한 api는 session 로그인 interceptor 필요

Follow

• Follower : 나를 팔로우하는 사람

• Following : 내가 팔로우하는 사람

profile의 메뉴 FOLLOWER와 FOLLOWING에서 구독 정보를 확인할 수 있게 구현합니다.

• 내가 구독한 사용자들의 게시글 목록

• 타임라인에서 프로필 사진 옆 name 을 클릭하면 해당 사용자가 작성한 글 목록 페이지로 이동합니다.

• AuthenticationProvider을 구현 (예정)

• 이메일 인증이 완료된 사용자만 로그인 가능하기 때문에
  아이디, 비밀번호 뿐만 아니라 enabled도 검사합니다.

• 공부한 자료 모음

• 위 url 에서 확인할 수 있다. tag : litebook 을 확인하면 된다.

update & delete

게시글 수정 & 삭제 기능을 구현하고 게시글 목록 기능도 함께 완성합니다.

• user : controller, service, repository

• 이메일 인증 기능과 회원가입 로직, 로그인 로직까지 이어지는지 확인해야 합니다.

• DB에 user가 입력한 정보가 저장되는지 확인해야 합니다.

로그인을 위한 화면을 구현합니다.

사용자 정보 수정

• 프로필 이미지

• 비밀번호

• 이름

• 전화번호

위 정보를 변경할 수 있도록 기능을 구현합니다.

Todo

• Gradle

• kakao login

  • Kakao Rest API sign-up Test : kakao rest api로 카카오 로그인, 카카오로 회원가입하기 테스트 완료

• timeline cache

• aop(image upload)

• search

• query dsl(no offset)

• 댓글

• FCM

• session도 redis에 저장될 수 있도록 설정합니다. RedisConfig.java

• spring security을 위한 설정 SecurityConfig.java

• 로그인한 유저에게 보이는 화면 구현

• 네비게이션바 - 프로필, 포스트, 타임라인, 팔로워, 팔로잉, 검색

• 유저 정보를 수정할 수 있는 버튼

위 기능들을 수행할 수 있게 화면을 구현합니다.

• aws s3에 user profile 을 저장합니다.

• aws s3에 업로드된 profile을 화면에 출력해 봅니다.

로그아웃과 탈퇴 기능을 구현합니다.

• MySQL

• Redis

• Jenkins

프로젝트에 필요한 docker image를 생성하고 container 실행까지 확인

잘못된 url 접근 혹은 서비스 실패 시 이동할 에러 페이지를 생성하고
사용자가 다른 서비스를 이용할 수 있는 페이지로 이동할 수 있게 구현합니다.

ubuntu ssh 접속이 되는지 확인합니다.

following

: 내가 구독한 사용자
사용자는 자신이 관심있는 업로더를 팔로우할 수 있으며
자신이 팔로우한 사용자의 목록을 확인할 수 있습니다.

follower

: 나를 구독하는 사용자
나에게 관심 있는 사용자는 나를 팔로우할 수 있으며
나를 팔로우한 사용자의 목록을 확인할 수 있습니다.

예시) A만 B를 구독하고 있다면

• A의 팔로잉 목록: B가 있음
• B의 팔로잉 목록: A가 없음
• A의 팔로워 목록: B가 없음
• B의 팔로워 목록: A가 있음

• UUID 사용하여 fileName 따로 저장
• 사용자 프로필 수정 시 삭제와 변경 가능하게 구현

사용자 관리

• 이메일 인증으로 회원가입이 가능, Redis 이용하여 인증 토큰 저장
• 회원가입 시 비밀번호, 이름, 전화번호, 프로필 사진을 입력받음
• spring form validationd으로 입력된 오류 자동 검사
• Spring Security를 사용하여 로그인/로그아웃 구현
• 사용자 정보를 수정이 가능하고 탈퇴 가능

검색 & 구독

원하는 사용자를 검색하여 구독, 구독 취소할 수 있고 구독한 사용자 리스트를 확인할 수 있음

게시글 업로드, 수정, 삭제

게시글을 업로드, 수정, 삭제할 수 있습니다.

타임라인

나의 타임라인, 특정 사용자 타임라인, 구독 타임라인

• 타임라인은 ajax로 호출로 페이징 구현
• No offset 기반으로 성능 개선 및 무한 스크롤 페이징 구현
• JPQL로 쿼리 직접 작성

게시글 좋아요

게시글에 좋아요를 누를 수 있음

CI/CD

• Jenkins 사용
• 직접 스크립트 작성

• DB를 import하기 위한 sql 파일 : 테이블이 생기거나 수정되면 이 파일이 변경된다.

• DB 설계 과정과 설명은 wiki에서 확인할 수 있다.

• spring smtp 사용하여 구현

• 이메일 인증은 GET 방식으로 구현 : 사용자가 이미지 혹은 url 클릭

• 이메일 본문 내용은 로그인을 설명하는 이미지, 로그인할 수 있는 url 로 구성

• 계층별로 패키지를 분류하고 필요한 클래스 생성
• User Entity 클래스를 생성

• search 메뉴에서 다른 사용자를 검색할 수 있습니다.

• 이름 혹은 이메일로 다른 사용자를 검색

Comments

• 게시글에 댓글을 작성할 수 있는 기능 생성

• 수정 기능은 없고, 생성, 삭제 기능만 구현합니다.

• 댓글에 사용자 프로필 사진, 이름 등의 정보를 함께 출력해줍니다.