728x90

개인 프로젝트/Toy & Side 26

[TOY] 작동 테스트

기능 수행 테스트테스트 데이터를 넣어두고 구현한 기능들이 잘 작동하는지 테스트한 영상입니다. 탭 전환 & 페이징게시글 탭 전환과 페이징 기능 테스트입니다.탭 전환 & 페이징검색 검색 기능에 대한 테스트입니다.검색로그인로그인 기능에 대한 테스트입니다.로그인회원가입 & 마이페이지회원가입 기능과 마이페이지 기능에 대한 테스트입니다. 회원가입 & 마이페이지게시글 작성 & 수정 & 삭제게시글 작성, 수정, 삭제에 관한 테스트입니다.게시글 작성 & 수정 & 삭제게시글 추천게시글 추천에 대한 테스트입니다. 게시글 추천관리자관리자 페이지에 대한 테스트입니다.관리자

[TOY] 개발 - 프론트엔드(Post)

이전 진행 상황공통 페이지 개발user 페이지 개발마지막 파트인 post와 에러 페이지에 대한 내용입니다. posterrorPost게시글과 관련된 페이지들입니다. 인덱스 페이지인 게시글 목록, 게시글 작성 및 수정 그리고 게시글에 대한 내용을 조회하는 게시글 조회 페이지로 이루어져 있습니다. 게시글 목록게시글 작성게시글 조회게시글 수정게시글 목록인덱스 페이지로 사용되는 게시글 목록 페이지입니다. 페이지 접근 시 기본적으로 일반 게시글 목록이 출력되며 탭을 통해 각 종류의 게시글 목록을 얻을 수 있습니다.스크롤을 내리게 되면 아래의 검색창이 나오게 됩니다. 검색의 경우 제목, 내용, 작성자, 제목 + 내용으로 검색이 가능하며 검색된 경우 게시글 목록 위의 텍스트가 Search Post로 변경됩니다.페이징의..

[TOY] 개발 - 프론트엔드(User, Admin)

이전 진행 상황admin 관련 기능 추가도커 의존성 추가ts 컴파일 추가기타 수정프론트엔드에 대한 지식이 부족하여 생성형 AI를 사용해 코드를 생성하고 다듬었습니다. 기존 bootstrap을 사용하여 간단하게 진행하려던 계획에서 figma를 통해 페이지를 디자인 한 김에 해당 디자인을 토대로 생성형 AI에게 코드를 생성하여 진행하였습니다. 코드들에 대한 깊은 지식은 부족하다고 생각되어 코드보다는 완성된 화면과 thymeleaf가 적용된 html 파일 위주로 작성하였습니다. 내용이 많아 공통부분과 user, admin에 대한 부분과 post에 대한 부분으로 문서를 나눴습니다.commonuserCommon대부분의 페이지에 삽입될 헤더와 푸터입니다. 프래그먼트 형태로 layout에 삽입되어 모든 페이지에 사용..

[TOY] 개발 - 수정

이전 진행 상황통합 테스트 개발PostApiController 추가기타 수정프론트엔드 개발로 인한 수정된 부분을 위한 문서입니다. 개발된 프론트엔드 관련 코드는 따로 업로드될 예정이며 서버 측 코드의 수정을 주 내용으로 다루고 있습니다.userpostcommentglobalUser프론트엔드 개발이 이루어지면서 Api 컨트롤러가 추가되고 시큐리티 관련과 서버 측 코드 수정도 많이 이루어졌습니다. admin 관련 기능이 개발되었습니다. 변경 사항UserController 수정UserFormController 수정WebSecurityConfig 수정LoginSuccessHandler  수정UserDTO 수정UserService 수정User 수정UserRepository 수정추가 사항UserApiControll..

[TOY] 개발 - 통합 테스트

이전 진행 상황Comment 패키지 Controller 개발Photo 패키지 Controller 개발UserPostCommentPhotoGlobalUser백엔드 통합 테스트가 개발되면서 많은 수정 사항이 생겼습니다. 기본적인 통합 테스트 환경으로 h2 데이터베이스를 메모리 모드로 MySql 모드를 사용한 채 수행하였고 추천/비추천에 사용되는 Redis의 경우 Embedded-Redis를 사용해 진행하였습니다. 그리고 현재 Thymeleaf가 개발되기 전이므로 테스트 환경에선 Thymeleaf 템플릿을 비활성화하여 렌더링 되지 않게 한 뒤 테스트 하였습니다. 변경 사항UserFormController 로그인 예외 처리 추가추가 사항UserControllerTest 추가변경 내용class UserFormCo..

[TOY] 개발 - Adapters(Comment, Photo)

이전 진행 상황PostRepository 수정PostService 수정PostDTO 수정PostMapper 수정Post - Adapters 개발PhotoService 수정PhotoDTO 삭제CommentPhotoCommentComment에 대한 adapters 패키지 아래가 개발되었습니다. fetch join과 관련된 기능들이 추가되고 Service에 존재하는 로직 중 일부가 변경되었습니다. get 요청의 FormController와 Post 요청 Controller가 개발되었습니다.변경 사항CommentRepository 메서드 추가 -> fetch join 메서드 추가CommentService 메서드 추가 및 로직 수정 -> 댓글 생성, 삭제 로직 수정 및 기타 조회 메서드 추가CommentDTO 통..

[TOY] 개발 - Adapters(Post)

이전 진행 상황UserDTO 수정UserMapper 추가UserFormController 추가UserController 추가Spring Security 관련 클래스 추가Post 페이징 관련 메서드 추가PostPhotoPostPost의 adapters 개발로 인해 많은 것들이 수정되었습니다. 페이징 처리를 위해 존재하던 게시글 목록과 관련된 메서드의 반환 값이 Page로 변경되고 각 타입별 게시글 조회 메서드가 추가되었습니다. Querydsl을 통해 PostQueryRepositoryImpl이 추가되었습니다. 또한 Service의 로직과 Controller 추가로 인해 DTO의 구조 변경 등 많은 사항이 수정되었습니다.변경 내용게시글 목록 조회 관련 메서드 페이징 처리 -> 반환 타입 List 에서 Pag..

[TOY] 개발 - Adapters(User)

이전 진행 상황단위 테스트 개발UserPostUseruser의 adapters 패키지 개발입니다. Controller가 개발과 함께 Mapper 클래스와 Spring Security가 사용되며 로그인 기능 및 설정 클래스가 생성되었습니다. 변경 사항UserDTO.Response 수정 -> List 제거추가 사항UserMapper 클래스 추가Controller 추가 -> 렌더링을 위한 UserFormController, 로직 처리를 위한 UserControllerSpring Security 설정 클래스 추가 -> WebSecurityConfigsecurity 로그인을 위한 클래스 추가 -> LoginSuccessHandler, CutomUserDetails, CustomUserDetailsService ..

[TOY] 개발 - 단위 테스트(domain, service)

이전 진행 상황Service 개발(Comment, Photo)PostService 추천/비추천 로직 변경 -> 회원, 비회원(세션 단위) 24시간 이내 추천/비추천 제한추천/비추천 로직 변경으로 인한 기술 스택 추가 -> RedisUserPostCommentPhotoUseruser 도메인의 단위 테스트로 UserService의 로직을 검증하는 테스트가 추가되었습니다. 데이터베이스와 상호 작용 없이 순수 로직 테스트로 Mock 라이브러리가 사용되었고 login 메서드에 대한 테스트가 수행되었습니다.추가 사항UserServiceTest 추가class UserServiceTestUserService에 대한 단위 테스트입니다. 로그인 메서드가 각 케이스별로 테스트되었습니다.@Slf4j@ExtendWith(Moc..

[TOY] 개발 - Application(Comment, Photo)

이전 진행 상황PostService 추가Post 엔티티 메서드 추가PostRepository 메서드 추가PostQueryRepository 인터페이스 추가커스텀 예외 추가 - PostCommentPhotoPostCommentCommentService가 개발되며 usecase 수정과 커스텀 예외가 추가되었습니다.변경 사항usecase createComt -> 파라미터 추가Comment 엔티티 메서드 추가추가 사항CommentService 추가커스텀 예외 추가 Comment변경 내용interface CommentCrudUseCase - 수정createComt에 대댓글 구현과 게시글과의 외래키 연결을 위한 파라미터가 추가되었습니다.public interface CommentCrudUseCase { Com..

728x90