CodeAngie

1. 게시판 해시태그 검색 구현 (1) 테스트 검색어 없이 해시태그 검색을 하면 빈페이지를 반환하는 테스트를 짠다. searchType은 이제 해시태그로 고정되어 있기 때문에 생략가능하다. 해시태그를 통한 게시글 검색을 할 때, null값이 들어가도록 구성한다. 검색어를 넣었을 때는 검색된 게시판 페이지를 반환하는 테스트를 짠다. 임의의 hashtag를 작성하고, 이전에 만들어 두었던 findByHashtag 메서드를 사용해 articleRepository를 검색한다. 해시태그가 여러 개인 경우, null 값인 경우, 중복된 경우도 있을 것이기에 unique 한 값들만 뽑아서 리스트로 보여주는 화면을 구성한다. Unique한 해시태그를 가져오는 메서드를 통해 기대한 해시태그가 나오는지 테스트를 짠다. (..

1. 게시판 정렬 구현 게시판 페이지에서 각 칼럼(제목, 해시태그, 작성자, 작성일)을 눌렀을 때 오름차순과 내림차순으로 정렬되는 기능이다. 정렬은 Spring data에서 제공하는 Paging 인터페이스를 사용하면 적용할 수 있다. 즉 뷰에서 표현만 해주면 된다. 현재 index.html의 table 칼럼명에는 class가 각각 정의되어 있다. 그렇기에 이 class를 사용하여 xml 파일에서 selection을 할 수 있다. thymeleaf 문법을 사용해 각각 컬럼명을 클릭하였을 때, 정렬이 되도록 구현한다. th:href="@{/articles(page=${articles.number}, sort = ‘컬럼명’ + (*{sort.getOrderFor(‘컬럼명’)} != null ? (*{sort...

1. 게시판 페이징 구현 (1) 페이징 기능 구현 게시판 페이지에는 이전, 페이지 번호, 이후를 넣고, 게시글 페이지에는 이전, 이후 의 페이징 기능을 넣을 것이다. Service > PagenationService 클래스를 생성한다. 숫자 리스트를 받아 뷰에서 그려주는 방식으로 구성한다. 현재 페이지, 전체 페이지 번호(즉 마지막 번호)를 리스트로 받는다. 페이지네이션 bar 크기를 상수로 정하고 현재 bar의 길이를 return 하도록 한다. (2) 테스트 현재 페이지 번호와 총 페이지 수가 주어졌을 때, 페이징 바 리스트를 생성하도록 한다. @ParameterizedTest : 동일한 메소드를 여러 번 테스트하는 방식 유닛 테스트의 각각의 제목을 포맷에 맞춰 보여줄 수 있다. Index는 현재 번호..

1. 게시글 및 로그인 페이지 기능 구현 (1) 게시글 페이지 뷰 구현 게시판 뷰와 같이 Header와 Footer에 mockup 데이터를 임의로 입력한다. 페이지 마다 다르게 보여져야 하는 중요 위치는 id를 명시해준다. 게시판 페이지 구현에서 했던 방법과 유사하게 xml을 활용하여 mockup 데이터를 실제 데이터로 치환할 수 있도록 한다. 게시판과 달리 게시글은 한 글에 대해서만 작성됨으로 th:each를 사용하지 않고, th:object를 사용한다. Id와 매칭하여 th:text를 통해 세부 내용을 입력해준다. Thymeleaf 문법으로 id를 찾는 방법은 sel=”#id” 와 같이 작성하면 된다. 시간 format으로 시분초를 넣어 줄 때는 HH:mm:ss를 사용하면 된다. 댓글은 게시판에서 여..

1. 게시판 페이지 기능 구현 (1) 게시판 페이지 구현 (이어서) @MockBean : articleService를 테스트에서 배제하기 위해 즉 입출력만 보기 위해 연결을 끊어주는데 사용된다. Spring test에서 제공해주는 기능이다. @MockBean private ArticleService articleService; // 필드에 사용 가능하다. 관련해서 null을 입력받았을 때에 대한 테스트를 업데이트 해준다. ArticleController 게시판 페이지 @RequestParam을 이용해서 파라미터들을 불러오고, 반드시 필요한 것은 아니기에 required = false로 설정한다. @PageableDefault를 사용해서 size(게시글 10개 보여줄 것), sort(최신버전으로 정렬) 등..

1. 로그인 페이지 기능 테스트 (1) 로그인 페이지 테스트 이전에 springsecurity의 의존성을 미리 설정을 해두었다. 새로운 시큐리티 설정 방법은 공식 문서에서도 찾아볼 수 있다. https://spring.io/blog/2022/02/21/spring-security-without-the-websecurityconfigureradapter 관련 테스트는 모든 요청에 대해 인증이 열리도록 설정한 것이다. 이때 Auto configuration 설정이 이동되어서 http에 빨간 밑줄이 생긴다. localhost:8080/login에서 로그인 페이지가 잘 작동되고 있는지 확인할 수 있다. 보장되는 기능이기 때문에 최소한의 테스트만 해도 괜찮다. (2) GitKraken을 사용하여 깃프로젝트 정리 ..

1. 게시판 페이지 세부 기능 (1) 게시판 페이지에 구현될 기능 검색 기능 게시글 항목 클릭 시 페이지로 이동 기능 페이지네이션 기능 홈으로 이동 기능 (게시판 페이지로 리다이렉션) 정렬 기능 (제목, 해시태그 등으로 정렬) (2) 구현 및 테스트 작성 service 디렉토리 생성하고, 그 안에 ArticleService class 생성한다. ctrl + shift + t를 사용하면 해당 클래스에 대한 테스트가 test 디렉토리 안 대칭되는 위치에 바로 생성된다. 이렇게 생성한 테스트는 스프링부트의 슬라이싱 테스트 기능을 사용하지 않아 스프링부트가 로딩되는 시간을 단축할 수 있게 되는 것이다. 대신 도킹을 하는 방법(mockito)으로 의존성을 해결한다. @ExtendWith(MoockkitoExten..