타닥타닥

페이징과 검색처리에서 구현한 클래스들을 이용해 댓글에 페이징을 적용할 것이다. JQuery와 Ajax를 이용해 화면의 움직임 없이 페이지를 이동하도록 처리 할 것 Ajax? Asynchronous JavaScript and XML 비동기식 자바스크립트와 XMl 의 약자 빠르게 동작하는 동적인 웹페이지를 만들기 위한 개발 기법 중 하나. 웹페이지 전체를 다시 로딩하지 않고 웹페이지의 일부분만 갱신할 수 있다. 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 자바 스크립트를 통해 서버에 데이터를 비동기 방식으로 요청하는 것이다. 클라이언트와 서버간 XML 데이터를 주고 받는 기술이다. 비동식? 웹페이지를 리로드 하지 않고 데이터를 불러오는 방식. 리소스 낭비를 막을..

- 댓글 API controller, 메서드 추가 CommentApiController // 댓글 삭제 @DeleteMapping("/posts/{postId}/comments/{id}") public Long deleteComment(@PathVariable final Long postId, @PathVariable final Long id) { return commentService.deleteComment(id); } REST API설계 규칙에서 다큐먼트에 해당되는 기능, 특정 게시글 (postid) 에 등록된 모든 댓글 중 PK(id)에 해당되는 댓글을 삭제한다. 삭제 프로세스가 완료되면 삭제된 댓글의 PK (id)를 리턴한다. -findAllComment() 함수 수정 삭제 상세페이지의 댓글은 ..

REST API, JSON 설명) REST API : Representational StateTransfer Application Program interface 자원을 이름으로 구분해서 표현해놓고, 그 자원들을 주고 받도록 만들어 놓은 시스템의 창구 응용 프로그램이 시스템에 있는 자원 (데이터 ) 을 쉽게 사용하기 위해 시스템이 각 자원에 이름을 붙여서 정리해 놓은 것 REST API 를 어디에 쓰나? 프론트엔드와 백엔드가 데이터를 주고받을 때. 프론트엔트가 응용 프로그램에 매칭되고 백엔드가 시스템에 매칭된다 백엔드는 데이터를 저장, 보관 처리하고, 프론트엔드는 백엔드의 데이터를 필요로 한다. 프론트엔드에서 만들어질 응용 프로그램이 백엔드 시스템의 데이터에 접근을 원할 때, 그러한 요청에 대해 쉽게 데..

특정 게시글에 등록된 댓글을 출력하는 기능을 구현할 것. 게시길의 경우 게시글이 생성, 수정, 삭제 되는 시점에 리스트 페이지로 리다이렉트 되도록 처리 댓글은 등록,수정,삭제된 시점에 페이지를 이동하거나 새로고침하지 않고 테이블에소 select 한 결과 데이터를 댓글 영억에 다시 렌더링 한다. 댓글 API 컨트롤러에 메서드 추가 // 댓글 리스트 조회 @GetMapping("/posts/{postId}/comments") public PagingResponse findAllComment(@PathVariable final Long postId, final CommentSearchDto params) { return commentService.findAllComment(params); } @GetMappi..

댓글 컨트롤러 클래스 생성 rest controller는 화면이 아닌 데이터 자체를 리턴한다. 댓글 데이터의 CRUD는 전부 게시글 상세 페이지에서 이루어지기 때문에 화면을 따로 구성할 필요 없이 데이터만 주고 받으면 된다. package com.study.domain.comment; import com.study.common.paging.PagingResponse; import lombok.RequiredArgsConstructor; import org.springframework.web.bind.annotation.*; @RestController @RequiredArgsConstructor public class CommentApiController { private final CommentServ..

댓글 등록 기능 구현 @RestController 어노테이션과 jQuery의 Ajax를 이용해 화면의 움직임, 새로고침 없이 데이터를 주고 받는 비동기 처리에 대해 알아볼 것 - REST API? Representational State Trasnsfer Application Programming Interface . REST API는 애플리케이션을 통합하는 유연하고 간단한 방법을 제공하며, 마이크로서비스 아키텍처에서 컴포넌트를 연.결하는 가장 일반적인 방법 . HTTP URI 을 통해 자원(resource)을 명시하고 HTTP Method(POST, GET, PUT, DELETE, PATCH) 을 통해 해당 자원에 대한 CRUD을 적용하는 것을 의미한다. rest api 방식서 사용할 수 있는 http..

댓글 테이블 생성 create table tb_comment ( id bigint not null auto_increment comment '댓글 번호 (PK)' , post_id bigint not null comment '게시글 번호 (FK)' , content varchar(1000) not null comment '내용' , writer varchar(20) not null comment '작성자' , delete_yn tinyint(1) not null comment '삭제 여부' , created_date datetime not null default CURRENT_TIMESTAMP comment '생성일시' , modified_date datetime comment '최종 수정일시' , pr..

비즈니스 로직을 담당하는 모델, 사용자가 보는 화면을 처리하는 뷰, 서비스와 ui를 연결해주는 컨트롤러 개발 package com.study.domain.post; import com.study.common.dto.SearchDto; import com.study.common.paging.Pagination; import com.study.common.paging.PagingResponse; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Service; import javax.transaction.Transactional; import java.util.Collections; import java.util.List..

CRUD란 Create, Read,Update, Delete DB에 게시글을 관리할 테이블을 생성한다. 생성전, show databases; //현재 있는 데이터베이스 보기 use board; // board 사용 crate table 'tb_post' ( 'id' bigint(20) not null auto_increment comment 'pk' , //각 행에 대해 자동으로 증가하는 primary key 'title' varchar(100) not null comment '제목', 'content' varchar(3000) not null comment '내용', ''writer' varchar(20) not null comment '작성자', 'view_cnt' int(11) not null co..

https://github.com/Hanboreum/Board GitHub - Hanboreum/Board: 스프링부트를 이용한 게시판 구현 스프링부트를 이용한 게시판 구현. Contribute to Hanboreum/Board development by creating an account on GitHub. github.com 스프링 부트 프로젝트의 구조 - src/main/java 클래스, 인터페이스 등 자바 관련 파일이 위치함. -. BoardApplication class SpringApplication.run()을 호출해 웹 어플리케이션을 실행하는 역할을 한다. -. src/main.resources html, css,fonts, images, plugin,scriopts 등의 정적 리소스 파일..