강의 따라하기/member2

board2detail.html 댓글번호 작성자 내용 작성시간

board2detatil.html $.ajax({ // 요청 방식 : post, 요청주소 : /comment/save , 요청데이터 : 작성자, 작성내용, 게시글 번호 type : "post", url : "/comment/save", data : { "commentWriter" : writer, "commentContents" : contents, "boardId" : id }, success: function(res){ console.log("요청 성공 : ",res); let output = ""; output += "댓글번호"; output += "작성자"; output += "내용"; output += "작성시간"; for (let i in res) { output += ""; output +=..

CommentEntity Board_Table의 자식관계이다. 더보기 1 : N 관계 @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "board_id") private Board2Entity boardEntity; @Entity @Getter @Setter @Table(name="comment_table") public class CommentEntity extends BaseEntity{ @Id // pk 컬럼 지정. 필수 @GeneratedValue(strategy = GenerationType.IDENTITY) // auto_increment private Long id; @Column(length = 20, nullable = false) priv..

Point ajax를 사용하기 때문에 jquery 필요하다. board2detail.html 댓글 작성, 출력 부분, ajax로 값 떠넘기기를 한다. 댓글 작성 부분과 출력부분을 레이아웃 나눈다. 댓글작성 부분 (div#comment-write)은 form태그로 전송이 아니고 ajax로 넘기기 떄문에 div에 input태그를 넣는다. ajax 로 데이터 넘기기 전에 console에 해당 값이 받아와지는지 확인해본 후 ajax 코드 부분 완성해본다. ajax로 넘기기전에 controller에 넘겨야할 값과 어떤 방식으로 넘길지 작성해 놓는다. 요청 방식 : post 요청주소 : /comment/save 요청데이터 : 작성자, 작성내용, 게시글 번호 댓글작성 CommentDTO @Getter @Setter ..

Point 글 상세 페이지에서 댓글 입력(ajax) 상세조회할 때 기존에 작성된 댓글목록이 보임 댓글을 입력하면 기존 댓글 목록에 새로 작성한 댓글 추가 댓글용 테이블 필요

board2save.html input태그에 multiple 속성을 추가한다. multiple은 여러 개 파일을 올릴 수 있도록 해준다. file: board2DTO MultipartFile이었던 타입을 LIst로 변경하여 여러 파일을 담을 수 있도록 한다. private List boardFile; // save.html -> Controller 파일 담는 용도 board2Service 부모 데이터가 먼저 저장이 되야하므로 작성했던 코드에서 아래코드부분을 위로 옮긴다. Board2Entity board2Entity = Board2Entity.toSaveFileEntity(boardDTO); Long saveId = board2Repository.save(board2Entity).getId(); Boar..

Board2DTO Service에서 가져온 Entity값을 DTO로 변환해서 View으로 넘겨줘야한다. 이 때 fileAttached 값이 1 이면 이미지가 있고 0이면 이미지가 없는것이다 fileAttached 값이 1이면 파일의 originalFileName과 storedFileName 도 DTO에 담아 넘겨준다. 파일이 있을 경우 원본파일이름과 저장파일이름을 가져와야한다. 더보기 But Board2Entity를 매개변수로 받았는데 어떻게 가져올까? board_table 과 board_file_table은 연결되어있다. 일반 쿼리로 쓴다면 아래와 같다. select * from board_table b, board_file_table bf where b.id=bf.board_id and where b..

Board2Service - 6번 작성 public void save(Board2DTO boardDTO) throws IOException { // 파일 첨부 여부에 따라 로직 분리 if(boardDTO.getBoardFile().isEmpty()){ // 첨부 파일이 없는 경우 Board2Entity board2Entity = Board2Entity.toSaveEntity(boardDTO); board2Repository.save(board2Entity); }else{ // 첨부 파일이 있는 경우 /* 1. DTO에 담긴 파일을 꺼냄 2. 파일의 이름 가져옴 3. 서버 저장용 이름을 만듦 4. 저장 경로 설정 5. 해당 경로에 파일 저장 6. board_table에 해당 데이터 save 처리 7. bo..

Point board_table(부모) - board_file_table(자식) 관계이다. 따라서 conttraint 로 제약조건을 건다. (⇒ board_file_table 에 board_id 컬럼은 board_table에 id가 삭제되면 같이 삭제된다.) BoardFileEntity 클래스 생성, 필드 추가, 참조관계 설정한다. 참조관계 필드 BoardFileEntity와 Board2Entity가 관계를 맺어야한다. BoardFileEntity에서는 Board2Entity과 어떤 관계냐 참조관계를 설정해야한다. 더보기 생각해보면 게시글 하나에 여러 개의 파일이 올 수 있다. 하지만 하나의 파일에 여러 개의 게시물과 매칭할 수 는 없다. ⇒ BoardFileEntity 에서는 그러면 N:1 관계인 것!..

Board2Service 기존 작성했던 코드에서 파일 첨부 여부에 따라 if문으로 로직을 분리한다. 기존의 코드는 파일이 없는 경우로 if문에서 파일이 없는 경우에 넣어주면 되고, if문에 없는 경우 부터 넣었으니 else부분을 작성하면 된다. 우선 기존에 toSaveEntity()로 넘어간다. 기존에 DTO와 Entity에 파일 첨부여부에 대한 부분이 없었다. DTO에는 파일 첨부여부값(fileAttached)을 추가하였지만 Entity에 추가하지않았기 때문에 추가해야하고 수정이 되야한다. public void save(Board2DTO boardDTO) throws IOException { // 파일 첨부 여부에 따라 로직 분리 if(boardDTO.getBoardFile().isEmpty()){ /..

board2save.html form 태그안에 input type="file" 을 추가한다. form에서 file을 보낼 때는 form 속성에 enctype="multipart/form-data" 추가한다. enctype="multipart/form-data" 이 속성을 넣지 않으면 파일이 제대로 넘어가지않는다. writer: pass: title: contents: file: Board2DTO 파일 관련 dto 추가 및 메소드 수정한다. MultipartFile (인터페이스) 스프링에서 제공하는 인터페이스 실제 파일을 담아줄 수 있는 역할을 한다.(save.html에서 controller로 보낼 때 controller에서 DTO로 텍스로 받아왔었는데 이제는 파일도 받아와야한다. 이때 그 file은 Mu..

Point 단일 파일(이미지) 첨부 다중 파일(이미지) 첨부 파일 첨부와 관련하여 추가될 부분들 board2save.html Board2DTO.java Board2Service.java - save() Board2Entity.java Board2FileEntity.java, Board2FileRepository.java 추가 board2detail.html