221128 TIL 사용자 등급을 위한 enum클래스
·
성장이야기/TIL
오늘 5번째 스프린트 회고를 끝냄으로써 남은 기간은 디자인 주를 한 주를 제외하면 일주일밖에 남지 않았다. 남은 일주일간 관리자 페이지를 만들어야 하기 때문에 오늘 관리자 등급을 어떻게 구현할 것인지에 대해 알아봤다. 우선 내 프로젝트의 경우 관리자 or 일반 사용자 등급이 두 가지로 나뉘는 게 아니라 사용자의 여러 가지 등급이 존재하도록 초반에 기획했었다. 각 사용자의 등급에 따라 접근할 수 있는 콘텐츠가 다르게 하기 위함이었다. 그래서 프로젝트 초반에 설계했던 객체 다이어그램을 보면 User Entity와 Grade Entity가 존재하고 Grade Entity는 User를 List로 갖는 형식으로 설계를 했었던 기록이 있다. 하지만 최근에 객체의 구조가 바뀌면서 Grade가 Entity일 필요가 없..
메가테라 22주차 주간회고 (프로젝트 6주차 회고)
·
성장이야기/주간회고
22주 차 회고 (프로젝트 6주 차 회고) 메가 테라 22주 차를 진행하면서 있었던 일을 종합해서 회고하였습니다. 6주 차 작업 목표 6주 차의 목표를 세울 때 평소보다 더 타이트하게 잡았다. 그 이유는 디자인 주를 제외하고 프로젝트 마감까지 2주가 남았었는데 또 한 주는 관리자 페이지를 만들어야 했기 때문에 6주 차 동안에 사용자가 사용하는 기능은 모두 완성해야 했기 때문이다. 프로젝트 6주 차의 구체적인 작업 목표를 나열해봤다. 1. 마이 페이지(유저 정보 페이지)를 완성한다. 자신의 정보를 확인하고 수정할 수 있다.(닉네임, 프로필 사진) 마이 페이지에서 자신이 작성한 게시글, 댓글 수를 확인할 수 있다. 자신이 작성한 게시글, 댓글을 삭제할 수 있다. 자신이 좋아요를 누른 게시글을 확인 및 좋아요..
221127 TIL 검색 기능 구현 중 만난 문제 (pagination)
·
성장이야기/TIL
오늘은 어제 게시판 검색 기능을 간단하게 구현했던 것에 페이지네이션 기능까지 추가하려 하는데 발생한 문제와 해결 방법을 적어 보려 한다. 문제 상황 게시글 제목에 "검색"이라는 키워드가 포함된 게시물을 찾는데 총 11개가 존재할 경우 한 페이지에 10개가 출력이 돼야 하는데 9개만 출력이 되는 문제가 있었다. 근데 이 문제가 모든 게시물이 있는 전체 게시판에서는 발생하지 않는데 특정 카테고리의 게시물만 있는 게시판에서만 문제가 발생했었다. 왜 모든 게시물이 있는 전체 게시판에서는 정상적으로 10개씩 검색 결과가 출력되는데 특정 게시판에서만 10개가 아닌 9개만 출력이 되는지 의아했었다. 아래는 게시물을 search 하는 controller이다. 페이지 네이션을 위한 Pageable객체와 어떤 게시판인지 ..
221126 TIL 게시판에서 원하는 게시물 찾기
·
성장이야기/TIL
오늘은 게시판 서비스에 없으면 불편한 기능인 검색 기능을 구현하려고 한다. 게시판에 검색기능이 없다고 생각해보자 만일 게시판에 게시글이 3, 4개 정도 있으면 찾으려는 게시물을 한눈에 찾을 수 있겠지만 게시물이 20, 30개만 돼도 찾으려는 게시물 하나를 찾기 위해서 2페이지 가서 찾고 3페이지 가서 찾는 과정이 필요하다. 사용자 입장에서 이는 매우 불편하기 때문에 게시판에서 검색기능은 필수라고 생각이 된다. JPA에서 검색 기능 검색을 하기 위해선 검색한 단어가 포함된 게시글들을 불러와야 하는데 JPA를 사용하면 편리하게 Repository의 메서드 이름으로 쿼리를 지정해서 찾을 수 있다. List posts = postRepository.findByTitleContaining(keyword); 위와 ..
221125 TIL OAuth 2.0 알아보기
·
성장이야기/TIL
요즘 대부분의 웹/앱 서비스를 사용하면 필수로 만나게 되는 기능이 있다. 바로 해당 서비스의 사이트에 회원가입하지 않고도 다른 서비스의 계정을 가져와 사용할 수 있도록 하는 기능이다. 로그인을 하려고 하면 하단에 '카카오 계정으로 로그인', '네이버 계정으로 로그인' 등과 같이 버튼만 클릭하면 간편하게 로그인할 수 있는 기능을 쉽게 접할 수 있다. 오늘은 그 기능을 프로젝트에 적용하기 위해 방법들을 찾아봤다. 위와 같이 타 서비스의 계정을 사용해서 인증하는 방식을 OAuth 2.0 인증 방식이라고 한다. OAuth2.0 OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로써 사용되는, 접근 ..
221124 TIL axios.delete 요청 시 데이터 전달하기
·
성장이야기/TIL
오늘은 마이 페이지의 게시글 리스트에서 체크한 게시글을 삭제하는 기능을 구현했다. 처음에 작업 설계할 때 이 기능을 어떻게 구현해야 할지 전혀 감이 잡히지 않아 작업 설계하는데 어려움을 겪었다. 우선 delete 요청을 기존에 게시글 삭제할때 사용하던 api요청을 사용할지 새로 만들어서 새로운 api 요청을 사용할지 고민을 했었고 두 번째로 체크박스에 선택한 게시글의 아이디를 어떻게 저장하고 어떻게 지워야 할지 기능 구현에 대한 고민을 했었다. 우선 delete요청 하는 방법으로는 두 가지 방법을 생각했는데 그전에 체크한 게시글의 아이디를 저장하는 방법부터 정리해보자. 첫 번째로 체크한 게시글의 아이디를 저장할 배열을 useState로 만들어준다. 그리고 checkbox 타입인 input에 onChang..