▼ Backend/└ 게시판 만들기
-
Spring Boot (게시판) | 첨부파일 업로드, 다운로드 (MultipartHttpServletRequest)▼ Backend/└ 게시판 만들기 2021. 11. 5. 11:21
스프링 부트 게시판 만들기와 관계없이 파일 업로드, 다운로드 구현이 필요하다면 아래 글을 참조한다. [자바 (JAVA)] | 파일 다운로드 구현하기 [자바 (JAVA)] | 파일 업로드 구현하기 #구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB 게시판 파일을 관리하는 테이블을 생성하고, 파일 업로드, 다운로드, 썸네일 이미지를 구성하는 기능을 만들어본다. #Step 1) 지정된 경로에 업로드 후 파일 테이블에 게시글 번호를 포함한 데이터를 입력한다. 2) 파일 삭제 시에는 실제 데이터를 삭제하지 않고, 삭제 여부를 업데이트한다. 3) 수정시에는 기존에 파일 데이터 삭제 여부를 업데이트하고, 새로운 데이터로 입력한다. 4) 조회 시에는 해당 게시글..
-
Spring Boot (게시판) | Form 전송 시 필수 값 체크 (jQuery Validation Plugin)▼ Backend/└ 게시판 만들기 2021. 11. 2. 10:59
▶ Validation Check 웹 사이트 작성 페이지에서 필수 값을 체크해야 하는 상황이 자주 발생하는데, 그 대상이 많아질 경우 Validation Plugin을 사용하여 간단하게 필수 값 체크를 할 수 있다. jQuery Validation Plugin 추가 CSS 적용 필수 값 체크 메시지에 color, font-weight를 적용했다. .error { color:red; font-weight:bold; } 등록 HTML write.html (/src/main/resources/templates/board) 필수 값을 체크하려는 입력 태그 속성에 required를 추가한다. Form 전송 시 validate를 거쳐 통과되었을 경우 전송되고, 아니면 필수 값에 대한 입력 권고 텍스트가 노출된다. ..
-
Spring Boot (게시판) | Header, Footer 공통영역 레이아웃 설정▼ Backend/└ 게시판 만들기 2021. 11. 1. 17:00
📌 구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB Thymeleaf Layout Header, Footer와 같이 공통적으로 사용되는 코드를 화면마다 작성하지 않고 레이아웃 처리를 통해 공통 내용은 고정적으로 설정함으로써, 본래의 콘텐츠 내용에 집중할 수 있게 도와준다. build.gradle implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect' Gradle Refresh (적용) 프로젝트 우 클릭 → Gradle → Refresh Gradle Project 헤더 HTML header.html (/src/main/resources/templates/fragments) 각 화면의 상..
-
Spring Boot (게시판) - 4 | 수정, 삭제 구현하기▼ Backend/└ 게시판 만들기 2021. 11. 1. 14:58
[스프링 부트 (Spring Boot)/게시판 만들기] - 3 | 등록, 상세, 리스트 페이지 구현하기] 구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB 이번 포스팅에서는 지난번 내용에 이어서 Form 전송을 통한 수정과 삭제(단건, 다건) 처리를 진행해본다. 컨트롤러(Controller) BoardController.java 상세화면 수정, 상세화면 내에서 삭제, 목록에서 삭제에 대한 서비스 호출 처리 @PostMapping("/board/view/action") public String boardViewAction(Model model, BoardRequestDto boardRequestDto) throws Exception { try { i..
-
Spring Boot (게시판) - 3 | 등록, 상세, 리스트 페이지 구현하기▼ Backend/└ 게시판 만들기 2021. 10. 29. 16:21
[스프링부트 (Spring Boot)/게시판 만들기] - 2 | 데이터베이스(MariaDB) 연동 및 JPA CRUD 구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB 기본적인 CRUD 테스트가 끝났고, 이제는 (BootStrap(Guide link) + Thymeleaf)를 사용하여 간단한 화면을 구성하고 등록 및 상세, 목록, 페이징 처리까지 진행해본다. 컨트롤러(Controller) BoardController.java 목록, 등록, 상세 화면 매핑, 등록 액션 메서드를 생성해주었고, 목록에는 페이징 처리를 위한 파라미터를 받는다. package com.board.study.web; import org.springframework.stereo..
-
Spring Boot (게시판) - 2 | 데이터베이스(MariaDB) 연동 및 JPA CRUD▼ Backend/└ 게시판 만들기 2021. 10. 28. 10:29
[스프링 부트 (Spring Boot)/게시판 만들기] - 1 | 스프링 부트 프로젝트 만들기 [데이터베이스 (DATA BASE)/MariaDB] - MariaDB | 윈도우 MariaDB 설치 및 접속하기 구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB 지난번 스프링 부트 프로젝트를 생성하였고, 이번 포스팅에서는 DBMS중 하나인 MariaDB에 스키마 생성 및 연동하는 부분을 진행한다. MariaDB 설치가 안되어있는 경우 링크를 통해 설치 후 진행한다. 프로젝트내 static/database/script.sql이 있으니 테이블 생성 시 참고한다. script.sql 다운로드 데이터베이스 생성하기 CREATE DATABASE IF NOT EX..
-
Spring Boot (게시판) - 1 | 스프링부트 프로젝트 만들기▼ Backend/└ 게시판 만들기 2021. 10. 28. 09:50
[스프링 부트 (Spring Boot)/게시판 만들기] - 이클립스 설치하기 구성환경 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB 이클립스를 설치하고 스프링 부트 프로젝트를 생성하려고 하는데 항목에 찾아봐도 없다. 이는 이클립스에 STS가 설치되어 있지 않기 때문이다. 이전에 전자정부 프레임워크를 사용했거나 Spring Tools에 설치되어있기 때문에 따로 설치할 필요가 없었다. *STS를 설치하지 않고 https://start.spring.io/ 에서 프로젝트 생성 후 import 하는 방식으로도 사용할 수 있다. 상단 탭 Help → Eclipse Marketplace에 springboot를 검색해서 나오는 Spring Tools4 (이하 STS)..
-
Spring Boot | 이클립스 설치하기▼ Backend/└ 게시판 만들기 2021. 10. 28. 09:48
이전까지 사용했었던 Spring, Maven, Jsp, Mybatis, War 환경을 접어두고 SpringBoot, Gradle, Thymeleaf, Jpa(JPQL), Jar, MariaDB를 사용하여 간단한 게시판 만들기를 진행해본다. 데이터베이스는 MariaDB(설치 및 접속하기)를 사용한다. 목적은 해당 기술 스택들을 사용해보면서 장단점과 어떠한 방식으로 사용되는지에 대한 이해를 돕기 위해 작성하였다. 이클립스 홈페이지에서 IDE를 다운로드한다. 다운로드 받은 파일을 실행한다. 웹 프로젝트를 만들 것이므로 Enterprise java and Web Developers를 선택한다. 기본 경로로 설치해도 되지만, 관리하고 싶은 경로에 두고 싶기 때문에 C드라이브에 dev_tools 폴더를 새로 생성해..