개인 프로젝트/블로그 만들기

오늘 공부할 주제 더티체킹이란? 영속성 컨텍스트란? Github 코드 보기 1. 글 상세 페이지 만들기 글목록에서 해당 글을 클릭하게 되면 열리게되는 상세페이지를 먼저 만들어보도록 한다. // detail.jsp 돌아가기 수정 삭제 글번호:${board.id}&nbsp 작성자:${board.user.username}&nbsp 작성시간:${board.createTime} ${board.title} ${board.content} 등록 디자인은 따로 설명하지 않도록 하겠다. 먼저 상단에 돌아가기, 수정, 삭제 버튼을 만들어 글을 보는 사람이 글쓴이 일 경우에 해당 버튼이 보이도록 하였다. 그리고 돌아가기 버튼은 history.back()함수를 사용하여 전 페이지로 이동하게 하였다. 나머지 인자 값들은 글정보를..

오늘 공부할 주제 @PageableDefault() 어노테이션 Github 코드 보기 1. Controller수정하기 기존에는 글 관련 정보만 jsp 페이지로 전달했지만 추가적으로 페이지에 대한 정보도 같이 보내기 위해 다음과 같이 코드를 작성하였다. // BoardController 클래스 @GetMapping({"", "/"}) public String index(Model model, @PageableDefault(size = 5, sort = "id", direction = Sort.Direction.DESC)Pageable pageable){ boardService.글목록(model, pageable); return "index"; } 먼저 파라미터로 @PageableDefault 어노테이션을 ..

오늘 공부할 주제 JSTL 문법이란? Github 코드 보기 1. 글 목록 디자인 및 JSTL 사용하기 이제 만들 글들을 홈페이지의 화면에 리스트화 시킬 것이다. 기존의 디자인에서 조금 수정을 하였다. // index.jsp ${board.title} ${board.content} 카테고리 | ${board.createTime} 제목과 내용을 클릭하면 해당 글상세로 넘어갈 수 있도록 링크를 걸어준다. 제목, 내용, 작성 시간은 Controller로 부터 받아서 표현해주도록 하겠다. 먼저 jsp페이지에서 jstl문법을 사용하면 forEach를 이용한 반복문 구현이 가능하다. 이 코드는 반복할 객체명을 items로 설정해주고 ${}으로 감싸서 java클래스로 부터 받을 수 있도록한다. 그리고 객체를 boar..

오늘 공부할 주제 Javascript 에 대해서 Github 코드 보기 1. 글쓰기 페이지 만들기 회원가입, 로그인 페이지를 만든 것과 같이 자신이 원하는 디자인을 입혀서 글쓰기 페이지를 만들도록 한다. //writeForm.jsp Title Content 글작성완료 나 같은 경우 제목의 input은 그대로 사용하였고, 내용은 summernote를 통해 edit기능가지 추가하였다. 자세한 것은 이쪽 링크를 통해 알아보자 https://summernote.org/getting-started/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that..

오늘 공부할 주제 Handler란? SecuritConfig의 역할 Github 코드 보기 1. GlobalExceptionHandler 만들기 먼저, 프로젝트에서 발생하는 모든 예외사항을 처리하기 위해 ExceiptionHandler클래스를 만들겠다. handler 패키지를 만든 후 GlobalExceptionHandler 클래스를 아래와 같이 생성해준다. @ControllerAdvice @RestController public class GlobalExceptionHandler { @ExceptionHandler(Exception.class) public ResponseDto handleArgumentException(Exception e){ return new ResponseDto(HttpStatu..

오늘 공부할 주제 RestAPI란? Javascript를 사용하는 이유 Github 코드 보기 1. 회원가입 페이지 만들기 먼저 index.jsp파일을 복사하여 views 하위의 user폴더에 joinForm.jsp을 생성한다. 그리고 w3cschools.com에서 마음에 드는 폼을 가져와서 커스텀 한다. 아직 controller를 안만들었기에 VS를 이용하여 간이로 디자인을 확인한다. 깔끔하게 레이아웃 설정이 완료되었고, username, password, email 정도만 Client로부터 입력 받으면 될 듯하다. 이 때 회원가입 navbar의 href주소를 "/auth/joinForm"으로 설정하여 회원가입 페이지로 이동할 수 있도록 한다. 최신화된 css가 있으면 기존에 프로젝트에 추가한 styl..

오늘 공부할 주제 JSP란? Controller와 RestController의 차이 Repository의 역할 Github 코드 보기 1. view와 resource폴더 만들기 yml 파일을 보면 spring.mvc.view.prefix는 /WEB-INF/views/로 설정하였기 때문에 springboot는 view에 해당하는 파일들을 기본설정인 webapp + prefix로 설정되며 suffix는 .jsp 이기에 최종적인 경로는 webapp/WEB-INF/views/ + @ /이름.jsp 로 설정된다고 생각하면 된다. 그래서 Spring boot 프로젝트에는 webapp폴더가 없기 때문에 main폴더 하위에 webapp폴더를 만든 후 왼쪽의 사진과 같이 폴더를 만들어준다. 또한 html파일의 구조를 i..

오늘 공부할 주제 Git으로 Github에 코드 올리기 Entity의 역할 Github 코드 보기 1. Model package 생성 먼저 MVC(Model-View-Controller)패턴 중 model을 만들기 위해 myblog 하위에 model package를 생성해 준다. 2. Board Entity만들기 package com.coon.myblog.model; import com.fasterxml.jackson.annotation.JsonIgnoreProperties; import lombok.AllArgsConstructor; import lombok.Builder; import lombok.Data; import lombok.NoArgsConstructor; import javax.persis..