휴지통.. (44) 썸네일형 리스트형 SpringBoot 입문 - DB와 프로젝트 연결하기 SpringBoot 입문 - DB와 프로젝트 연결하기 1. DTO를 entity로 변환 @Entity 어노테이션을 이용하여 선언해준다. Entity 는 DB와 1대1 매핑 되는 역할을 함으로 DB안에 있는 값과 일치해야한다. 이후 Repository 인터페이스를 통해서 저장소를 선언해주는데 Repository 인터페이스는 CrudRepository 인터페이스를 이용하여 으로 선언해준다. DTO ArticleForm에 있는 toEntity함수를 이용하여 해당 DTO를 엔티티로 선언해줍니다. 다음으로 CrudRepository의 save 메소드를 이용하여 DB안에 저장하게 합니다. SpringBoot 입문 - Form 데이터 주고받기 Form 데이터 주고 받기 1. 입력 폼 생성 Form 데이터는 데이터를 객체 형식으로 보내게된다. mustache를 이용하여 입력 Form을 만드는데 해당 과정에서 유의해야할 점은 name에 자신이 원하는 변수 이름을 지정하는 것이다. 해당 변수는 이후 DB의 칼럼값과 일치해야한다. 이후 데이터를 보내는 과정이기 때문에 post 메소드를 통해서 articles/create 를 향해 데이터를 보내준다. 2. 컨트롤러 생성 이후 컨트롤러를 생성해주는데 @GetMapping을 통해서 해당 Form을 화면에 표시해주고, @PostMapping을 통해서 Form에서 선언해준 데이터 전송 URL을 입력해준다. 3.DTO 생성 위에서 서술하였듯이 데이터를 보내줄때는 객체 형석으로 데이터를 보내게되는데 해당 객체를 .. SpringBoot 입문 - Layout 나누기 - 레이아웃 구조 우선 레이아웃을 적용하기 위해서 Bootstrap을 적용시켜준다. 이후 Template 폴더 밑에 header.mustache 파일과 footer.mustache 폴더를 만들어 해당 레이아웃을 나누어줍니다. 이후 Model 역할을 하는 mustache 파일에서 {{>layouts/footer}}, 와 {{>layouts/header}}을 통해서 원하는 html 코드를 불러옵니다. 사진과 같이 원하는 HTML 뷰를 만들어 낼 수 있습니다 SpringBoot 입문 - Helloworld와 MVC - 스프링 부트 구조 웹 서비스는 클라이언트의 요청과 서버의 응답으로 이루어지는데 스프링 부트가 응답을 해주는 서버의 역할을 해준다. 스프링 부트 실행 시 localhost:8080을 통해 접근 가능한데 localhost는 자신의 클라이언트 환경 자신의 컴퓨터를 의미하고, 8080은 스프링부트 포트를 의미한다. 스프링부트는 Java 코드와 resources 부분으로 나눌 수 있는데 resources/static/.html을 통해서 원하는 경로로 접근 가능하다. ex) localhost:8080/hello.html -> Hello world - MVC 패턴 MVC패턴이란 Model View Controller를 설명하는 것으로써 변수 값만 바꿈으로써 다양한 페이지를 만들 수 있는 점이다. Mustache와.. 두번째 강의 - 홍팍의 스프링부트 입문 https://www.youtube.com/watch?v=HAlcc-HMz7k&list=PLyebPLlVYXCiYdYaWRKgCqvnCFrLEANXt 유튜브 강의 "홍팍" 님의 스프링부트 강의 -> 맴버쉽 가입 후 강의 듣기 Springboot 게시판 만들기 (11) - 페이징 처리 - 백엔드 페이징 처리 한 페이지에 나타내야하는 글의 개수를 정하기 위해서 페이징 처리가 필요합니다. 페이징 처리를 추가하기 위해서 PageableDefault 어노테이션을 추가해줍니다. (Sort.Direction.DESC를 통해서 내림차순 정렬) 이후 BoardService로 옮겨가서 List 처리에 Pageable 추가해줍니다. URL에 맞게 페이지 처리가 완료된 모습 - 프런트 페이징 처리 페이징 처리를 위해서 page를 Board 제네릭 타입 변수로 설정해줍니다. 이후 현재 페이지를 뜻하는 nowPage, 시작 페이지를 뜻하는 startPage, 끝 페이지를 뜻하는 endPage를 추가하고, addAttribute를 이용하여 html 소스로 보내줍니다. 이후 자바 코드에서 가져온 변수와 타임리프.. Springboot 게시판 만들기 (10) - 파일 업로드 - DB 테이블 변경 파일을 추가하기 위해서 파일의 이름과 파일의 경로를 관리하는 속성을 추가해줍니다. 이전에 Lombok을 통해서 설정해준 entity파일에 filename과 filepath를 추가해줍니다. 글 작성시 파일을 추가해야하기 때문에 input type에 file을 추가해주고, form 태그 안 enctype을 위와 같이 설정해줍니다. 이후 파일을 업로드 하였을때 파일을 저장할 경로 resources/static/files 를 만들어 줍니다. 이후 boardService에 있는 write 부분에 글 작성 처리 부분에 MultipartFile을 추가하여 file업로드를 추가하고, 랜덤 이름 생성 변수 uuid와 위에 만든 폴더 경로를 뜻하는 projectpath를 추가하여 매개변수로 보내줍니다.. Springboot 게시판 만들기 (9) - 메시지 띄우기 - Message View 생성 우선 개시글 작성 혹은 수정시에 보여줄 Message html코드 부터 작성합니다. ${message} 를 통해 자바 코드에서 message를 가져오게 되고, location.replace를 통해 메시지를 보여주고나서 이동하는 페이지 링크를 선언해줍니다. model에 message와 searchUrl을 통해서 자바 스크립트 코드에서 필요했던 값을 참조해준 후 PostMapping을 통해서 글 작성 혹은 수정을 완료한 이후 message를 리턴해줍니다. 글 작성 혹은 수정 완료 후 메시지가 화면에 출력되는 것을 확인할 수 있습니다. 이전 1 2 3 4 5 6 다음
