여러가지 여러가지

전체 글

• 8월 14일 월요일 TIL 회고록

  카테고리 없음 2023. 8. 14. 22:44

  프론트엔드 댓글 수정, 삭제 구현 자신이 쓴 댓글이면 댓글 수정, 댓글 삭제 버튼이 보이도록 만들었다. 댓글 수정 prompt를 사용해 댓글 수정 버튼을 누르면 수정할 수 있는 메시지가 나오도록 만들었다. 댓글 수정이 잘 된다. 댓글 삭제 댓글 삭제 버튼을 누르면 정말 삭제하시겠습니까? 라는 메시지가 출력된다. (confirm 사용) 댓글이 삭제된 것을 볼 수 있다. 댓글 수를 카운트해서 게시글에 댓글이 몇개가 달렸는지 보여주는 기능도 구현했다. 먼저 게시글의 ID로 댓글이 몇개 있는지 카운트를 해야하므로 댓글 Repository에 long 타입 countByBoardId를 만들었다. CommentRepository.interface long countByBoardId(Long boardId); 위에서 ..

  Read More
• 8월 10일 목요일 TIL 회고록

  카테고리 없음 2023. 8. 11. 01:06

  댓글 좋아요 API 개발 먼저 댓글 좋아요 (CommentLike) 엔티티를 만들었다. 유저 한명이 여러개의 좋아요를 누를 수 있으니 ManyToOne, 하나의 댓글에 여러개의 좋아요를 누를 수 있으니 ManyToOne 어노테이션을 사용했다. CommentLike.class @Entity @Getter @NoArgsConstructor(access = AccessLevel.PROTECTED) public class CommentLike { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) @Column(name = "COMMENT_LIKE_ID") private Long Id; @ManyToOne(fetch = FetchType.LAZY) @JoinCol..

  Read More
• 8월 9일 수요일 TIL 회고록

  카테고리 없음 2023. 8. 10. 00:16

  개인 프로젝트 프론트엔드 부분 게시글 좋아요 부분을 구현했다. // 게시글 좋아요 function boardLikePost(boardId) { var settings = { "url": `http://localhost:8080/api/basic-boards/${parseInt( boardId)} /likes`, "method": "POST", "timeout": 0, "headers": { "Authorization": localStorage.getItem("accessToken") }, }; $.ajax(settings).done(function (response) { console.log(response); reloadBoard(); }) .fail(function (response) { consol..

  Read More
• 8월 2일 수요일 TIL 회고록

  카테고리 없음 2023. 8. 3. 01:25

  내일 첫 해외여행인 일본여행이라서 기대되기도 하고 여행 준비해야해서 공부를 거의 하지 못했다 ㅠㅠ 어제 게시글 선택 조회가 1개밖에 되지 않던 오류를 해결했다. 이제 정상적으로 댓글이 조회된다. 그리고 면접 준비를 했다. 외울게 너무 많아서 쉽지않다 ㅋㅋㅋ 여행중에서도 틈틈히 보면서 외워야겠다.

  Read More
• 8월 1일 화요일 TIL 회고록

  카테고리 없음 2023. 8. 2. 02:12

  개인 프로젝트 작업 프론트엔드 게시글 삭제 구현 먼저 게시글 삭제 버튼을 만들었다. 게시물 삭제 그리고 게시글 삭제 function을 만들었다. function boardDelete(boardId) { if ( confirm( "정말 삭제하시겠습니까??" ) == true ) { boardDeleteYes(boardId); } } function boardDeleteYes(boardId) { var settings = { url: `http://localhost:8080/api/basic-boards/${boardId}`, method: "DELETE", timeout: 0, headers: { Authorization: localStorage.getItem("accessToken"), }, }; $.a..

  Read More
• 7월 28일 금요일 TIL 회고록

  카테고리 없음 2023. 7. 28. 19:39

  게시글 수정 기능 구현 게시글 수정 페이지를 만들었다. 바디 부분은 게시글 작성 페이지와 동일하게 만들었다. 이유는 굳이 다르게 만들 필요가 없을 것 같아서.. 게시글 수정 카테고리 카테고리 선택 일반 질문 제목 내용 이미지 게시물 수정 게시글 수정 API를 사용해서 스크립트를 만들었다. function updateBoard() { localStorage.setItem("categoryChoice", boardCategoryChoice); var form2 = document.querySelector("form"); // var formData = new FormData(form2); var form = new FormData(form2); for(var i = 0 ; i < filesArr.length..

  Read More
• 7월 27일 목요일 TIL 회고록

  카테고리 없음 2023. 7. 28. 00:51

  게시글 전체 조회 , 상세 조회 페이지 다시 제작 게시글 전체 조회 페이지(html)를 수정했다. 게시글 전체 조회 API를 사용해서 값을 받을때 원래는 이런식으로 받아오도록 만들었었다. var html = '' response.content.forEach(Element => { html += ''; html += ''+Element.id+''; html += ' '+Element.title+''; html += ' '+Element.username+''; html += ' '+Element.createdAt+''; html += ' '+Element.views+''; html += ' '+Element.boardLike+''; html += ''; html을 선언하고 response.content를 f..

  Read More
• 7월 26일 목요일 TIL 회고록

  카테고리 없음 2023. 7. 27. 01:02

  개인 프로젝트 메인페이지 수정 문제 발생 원래는 메인페이지에서 마커를 누르고 닫으려고 버튼을 누르면 아래와 같은 오류가 나오면서 onclick이 먹히지 않았다. Uncaught ReferenceError: closeOverlay is not defined at HTMLDivElement.onclick 메인페이지를 만들때 고치려고 했으나 결국 포기했었다.. 이번에는 꼭 고쳐보자하여 하루종일 작업했다. 해결 과정 https://apis.map.kakao.com/web/sample/removableCustomOverlay/ // 커스텀 오버레이에 표시할 컨텐츠 입니다 // 커스텀 오버레이는 아래와 같이 사용자가 자유롭게 컨텐츠를 구성하고 이벤트를 제어할 수 있기 때문에 // 별도의 이벤트 메소드를 제공하지 않..

  Read More