CodeAngie

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(최신버전으로 정렬) 등..

오늘 새로운 학습진단을 시도했다. 매우 쉬운 문제부터 풀어 나갔는데 쉬운 문제를 빠르게 풀 수 있다는 것에서도 나름 성취감을 느낄 수 있었다. 9번째 문제였나 Parametric Search 문제에서 막힌 것을 확인할 수 있었다. 예전에도 이분탐색을 활용한 문제에서 많이 막혔어서 이분탐색을 좀 연습했었는데, 오늘에서야 그런 문제 유형이 Parametric Search에 해당되는 것을 알게 되었다. 이번 기회에 Parametric Search 개념에 대해 확실히 잡고 가야겠다. 최대 최소 값을 찾는 문제는 아닌지 먼저 판단하고, 주어진 조건에 맞는 값인지 아닌지 판단하는 함수를 짠다. 이후는 이분탐색과 마찬가지로 함수에 통과하는지의 여부에 따라 중간값 이후 값들을 조사할 것인지 이전 값들을 조사할 것인지 ..

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..