본문 바로가기

Spring Boot19

[Spring Boot] Test Code 작성 + 롬복(LomBok) 1. 테스트 코드 소개1) TDD이란?테스트가 주도하는 개발로 TDD ≠ 단위 테스드(Unit Test) 2) 단위 테스트(Unit Test)란?TTD의 첫 번째 단계인 기능 단위의 데스트 코드를 작성하는 것 3) 테스트 코드의 장점개발단계 초기에 문제를 발견개발자나 나중에 코드를 리팩터링 하거나 라이브러리 업그레이드 등에서 기존 기능이 올바르게 작동하는지 확인기능에 대한 불확실성을 감소시스템에 대한 실제 문서를 제공2. JUnit를 사용하여 테스트 코드 작성1) 프로젝트 메인 클래스 생성하기package com.jojoldu.book.springboot;import org.springframework.boot.SpringApplication;import org.springframework.boot.au.. 2024. 9. 12.
[Day 19] 웹 페이지에서 댓글 삭제하기 1. 댓글 삭제의 개요댓글 [삭제] 버튼 추가[삭제] 버튼 클릭해 REST API 요청 보내기 ([삭제] 버튼을 통해 댓글의 id 값 전달)2. 댓글 삭제 버튼 추가하기resources > articles > Comments > _list.mustache 코드 추가3. 자바스크립트로 댓글 삭제하기resources > articles > Comments > _list.mustache 코드 추가 실행결과 2024. 8. 15.
[Day 18] 웹 페이지에서 댓글 수정하기 1. 댓글 수정의 개요댓글 수정 페이지는 모달 기능을 이용해 만든다.모달(modal)이란?웹 페이지에서 새 창을 띄우는 팝업 창과 달리 같은 웹 페이지 내부에서 상위 레이어를 띄우는 방식으로 사용하는 창이다. 모달 창이 뜨면 기존 창은 비활성 상태가 되고, 모달 창을 종료해야만 원래 화면으로 돌아갈 수 있다.2. 댓글 수정 뷰 페이지 만들기resources > articles > Comments > _list.mustache 코드 추가 실행 결과3. 자바스크립트로 댓글 수정하기트리거 데이터 전달모달 트리거 버튼에 data-*속성을 이용하면 데이터를 모달로 전달할 수 있다.모달 트리거 버튼에 수정할 댓글 정보를 data-* 속성 값으로 저장한다.show.bs.modal 이벤트를 감지해 핸들러에서 모달 트리.. 2024. 8. 14.
[Day 17] 웹 페이지에서 댓글 등록하기 1. 댓글 등록의 개요크게 2가지로 진행된다.댓글 생성 뷰 페이지(_new)에 댓글 입력 폼 만들기[댓글 작성] 버튼을 클릭해 REST API 요청 보내기사용하는 자바스크립트 APIdocument.querySelector(): 웹페잊에서 특정 요소(버튼)를 찾아 반환addEventListener(): 특정 요소에 이벤트가 발생(버튼 클릭)했을 때 특정 동작(댓글 객체 전달)을 수행fetch(): 웹 페이지에서 REST API 요청(POST 요청)을 보낸다.2. 댓글 생성 뷰 페이지 만들기resources > articles > Comments > _new.mustache 코드3. 자바스크립트로 댓글 달기// 해당 id 값을 가진 요소를 찾아 변수에 저장하기자료형 변수명 = document.querySel.. 2024. 8. 13.
[Day 16] 웹 페이지에서 댓글 목록 보기 1. 댓글 보기의 개요댓글의 영역은 크게 2가지로 나뉜다.기존 댓글을 보여주는 댓글 목록 뷰(_list)새 댓글을 입력하는 댓글 생성 뷰(_new)2. 댓글 뷰 페이지 삽입하기resources > articles > Show.mustache 코드 추가 resources > articles > Comments > _comments.mustache 만들기 resources > articles > Comments > _list.mustache 만들기3. 댓글 목록 가져오기controller > ArticleController 코드 추가 실행 결과 2024. 8. 13.
[Day 14] 댓글 엔티티와 리파지터리 만들기 1. 댓글 기능의 개요1. 댓글과 게시글의 관계하나의 게시글에 수많은 댓글이 달린다. 이러한 관계를 일대다(1:n) 관계라고 한다. 거꾸로 댓글 입장에서 여러 댓글이 하나의 게시글에 달리는 것은 다대일(n:1) 관계라고 한다. article : comment = 1 : n 관계article_id와 같이 자신을 대표하난 속성을 기본키(PK, Primary Key)라고 하고 comment 테이블에서 article_id와 같이 연관 대상을 가리키는 속성을 외래키(FK, Foreign Key)라고 한다. 2. 댓글 엔티티와 리파지터리 설계엔티티: DB 데이터를 담는 자바 객체로, 엔티티를 기반으로 테이블 생성리파지터리: 엔티티를 관리하는 인터페이스로 데이터 CRUD 등의 기능 제고 Repository: 최상의 .. 2024. 8. 10.