delight

이 글도 공감해주세요 css 버튼 모양 없애기 js title 길이가 기존에는 20자까지만 보여지는데 이 글도 공감 해주세요 칸 게시글에는 8자까지만 보여지게 했다. 또한 댓글을 작성한 경우 새로고침을 추가하여 업데이트 되게 작성했다. [add] 이 글도 공감해주세요 디자인 수정 [#93] #95 이 글도 공감해주세요 게시글이 페이지 별로 띄워주는데 이걸 댓글이 없는 게시글만 가져와서 10개만 띄워주는 방법을 다음주에 고민해봐야겠다. Lombok을 사용하면 생성자도 자동으로 생성할 수 있다. @NoArgsConstructor 어노테이션은 파라미터가 없는 기본 생성자를 생성해주고, @AllArgsConstructor 어노테이션은 모든 필드 값을 파라미터로 받는 생성자를 만들어준다. @RequiredArgs..

이 글도 공감해주세요 추가 오늘은 뭐하지 살펴보다가 댓글이 없는 경우엔 오른쪽 사이드로 댓글이 없는 글만 따로 빼서 보여주기로 했었다. 그걸 오늘 작성하게 되었다. * 아래 gif에서 칸 안에 숫자(파란 색)가 댓글 수를 말한다. 3페이지와 4페이지는 댓글이 모두 있기 때문에 비어있다. 현재는 페이지 별로 댓글이 없는 게시글만 보여주는데 추후에 전체 게시글을 대상으로 작성할 생각이다. [add] 페이지 별 댓글 공감 필요 칸 추가 [#93] #94 로그인 없이 페이지 실행하기 기존에는 모두 로그인을 해야 원하는 페이지로 이동이 가능했는데 초기에 설계할 때 로그인 없이 둘러보는 용도로 활용할 수 있게 계획을 해둬서 그 계획에 맞게 맛보기 페이지를 만들었다. 지금은 메인 페이지로 넘기는 링크만 넣어뒀다. /..

팀원이 작성했던 코드에서 오류가 생겨서 내가 임시로 주석처리하고 코드를 쭉 올렸었는데 이제 그 부분을 수정했다고 해서 pr했는데 내가 test 코드를 작성하려고 보니 기존 test 코드를 모두 실행시켰는데 에러가 떴다. TenSecondsController에서 문제가 또 생겨서 다시 주석처리했다. 에러 문제에 대해서 팀원이랑 얘기하다가 알게 된건데 팀원은 리눅스 경로라서 상관없었는데 나는 윈도우여서 저장 위치에 달라져 나는 에러인 것 같다고 했다. 기존에 Comment post와 get 코드 작성할 때 작성했던 test 코드를 repository로 변경한 후 put, delete 코드를 작성한 이후에 추가했던 칼럼을 코드에 반영했다. Feature/websocket #93

문제점 이전에 작성되어있던 s가 현재 댓글 작성자인 d라는 사람이 댓글을 등록하자 s : 작성자 로 변하는 것을 볼 수 있다. 왜 그 전엔 못띄우는 걸까? console로 찍어보니 값을 가져오지 못하고 있었다. 그런데 해당 페이지에서 콘솔로 찍어보면 값을 가져오고 있다. 아마 모달창을 띄울 때는 작성자 id 값을 가져오지 못하다가 모달창이 켜지고 나서 가져오는데 이미 창의 띄워져서 반영이 안되는 것 같았다. 그래서 Comment에 registryNickname을 넣어서 db 값을 가져올 때 한번에 다 가져오기로 했다. test 코드 수정 후 실행 → 성공 확인 후 본 로직 실행 기존에 db에 값을 저장하지 않았던 곳에서는 여전히 댓글을 추가 해야 작성자 표시가 떴는데 db에 추가한 후에는 작성자 표시가 ..

팀원에게 여태까지 한 페이지 기능들을 보여주다가 꺠달은게 있다. 댓글 작성자와 그렇지 않은 사람으로 구분했었는데 게시글 작성자와도 구분을 했어야 했다. 게시글 작성자 o 댓글 작성자 x 게시글 작성자 o 댓글 작성자 o 게시글 작성자 x 댓글 작성자 x 게시글 작성자 x 댓글 작성자 o 게시글 작성자 인 경우 댓글 작성자가 아닌 경우 댓글 작성자인 경우 댓글 작성자가 아닌 경우 댓글 작성자가 아닌 경우 댓글 작성자인 경우 if (writerRegistry == commentName) { // 게시글 작성자인 경우 // 댓글 작성자인 경우 // 댓글 작성자가 아닌 경우 } else{ // 댓글 작성자가 아닌 경우 // 댓글 작성자인 경우 // 댓글 작성자가 아닌 경우 } 기존 코드는 댓글 작성자와 아닌 경..

id값 변경 동일한 작성자가 여러개의 댓글을 입력했을 때 2번째 댓글을 수정하려고 하면 제일 첫번째의 댓글이 수정되는것을 확인하고 id값을 변경했다. 또한 수정할 때 수정버튼과 삭제버튼이 숨겨지는데 이 또한 맨 처음 댓글의 수정, 삭제 버튼이 숨겨졌다가 나타나기 때문에 id값을 detail하게 적었다. input id 값 : updateCommentInput → updateCommentInput-${commentId} 저장 버튼 id 값 : updateAftersaveBtn → updateAftersaveBtn-${commentId} 수정 버튼 id 값 : updateBtn → updateBtn-${commentId} 삭제 버튼 id 값 : deleteBtn → deleteBtn-${commentId} ..

현재까지 구현한 코드 - Login (회원가입 및 로그인) [Project] - 로그인 코드 , [Project] - 회원가입 LoginController, User, LoginDto, SignupRequestDto, UserRepository, UserDetailsimpl, UserDetailsServiceImpl, WebSecurityConfig, UserService, CustomAuthFailureHandler, UserServiceTest - Registry (게시글 저장) [Project] - Registry 코드 정리 - back (+ 페이징) , [Project] - Registry 코드 정리 - front (+ 페이징) , [Project] - paging test 코드 보기(검증x) R..

CommentController 더보기 @RequiredArgsConstructor @RestController public class CommentController { private final CommentService commentService; // 댓글 저장 @PostMapping("/comment") public Comment setComment(@ModelAttribute CommentDto commentDto) { return commentService.setComment(commentDto); } @GetMapping("/comment") public List getComment(@RequestParam int idx){ return commentService.getComment(idx)..

CSS 버튼 모양 없애기(전 → 후) .Btn{ width: 220px; height: 190px; border: 0; outline: 0; } 출처 : css를 이용한 버튼/링크 테두리 없애기 버튼에 마우스 커서 갖다대면 모양 변경시키기 .Btn{ cursor: pointer; } 출처 : HTML 버튼이나 이미지 같은데 마우스 오버 되면 커서가 손모양으로 바뀌게 하기 제목 20자 이상이면 이후에 "..." 으로 출력 시키기 if(title.length >= 20) { title = title.substr(0,20) + "..."; } 마우스를 버튼에 갖다댔을 때 색 변경시키기 .makeListPostBtn:hover{ background: #D5EDFFC6; cursor: pointer; /* 마우스..

댓글 수정 코드를 작성하면서 문제점을 발견했다. sessionStorage에 nickname을 저장하는데 저장하는 시점이 로그인 후 자동으로 넘어가는 index 파일(home 페이지)에서 진행된다. 여기서 왜 문제가 되냐면 10s 페이지에서 서버를 재실행하면 다시 로그인을 진행해야 하는데 로그인 후에 home 페이지로 넘어가지 않고 바로 10s 페이지로 넘어가게 된다. 그렇게 되면 닉네임을 저장하지 못하고 바로 넘겨버리기 때문에 null 값이 나오게 된다. backend : [add] 닉네임 값 받아오기 [#83] #84 front : [add] 닉네임 값 받아오기 [#83] #84 테스트를 위해서 index.html에 작성된 코드를 주석처리했다. let nickname = $("#nickname").t..