스프링 부트 게시판 만들기-2 게시판 글 등록 (이미지 첨부)

스프링 부트 게시판 만들기 - 2. 게시글 등록 (이미지 첨부)

안녕하세요! 이번에는 스프링 부트 게시판에 글을 등록하는 방법에 대해 알려드리겠습니다. 이전 포스팅에서는 스프링 부트 프로젝트를 생성하고, 게시글 목록을 조회하는 기능을 구현했습니다. 이제는 실제로 게시글을 등록해보도록 하겠습니다.

1. 화면 구성

우선, 글을 등록하기 위해 필요한 화면을 구성해야 합니다. 화면은 다음과 같이 구성되어야 합니다.

[게시글 등록]

제목: [                  ]
작성자: [               ]
내용: [                   ]
사진 첨부: [파일 선택하기]

[등록하기] [취소]

2. Controller와 View 작성

글을 등록하기 위해선 Controller와 View를 작성해야 합니다.

2.1. Controller

게시글 등록과 관련된 기능을 처리하기 위해 BoardController에 @PostMapping 메소드를 추가해줍니다.

@PostMapping("/board/write")
public String write(Board board, MultipartFile file) {
    // 게시글 등록 로직 구현하기
    return "redirect:/board/list";  // 등록 후 게시글 목록으로 이동
}

2.2. View

게시글 등록을 위한 화면은 Thymeleaf를 사용하여 작성할 수 있습니다.

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>게시글 등록</title>
</head>
<body>
    <h2>게시글 등록</h2>

    <form action="/board/write" method="post" enctype="multipart/form-data">
        <div>
            <label for="title">제목:</label>
            <input type="text" id="title" name="title" required/>
        </div>

        <div>
            <label for="author">작성자:</label>
            <input type="text" id="author" name="author" required/>
        </div>

        <div>
            <label for="content">내용:</label>
            <textarea id="content" name="content" required></textarea>
        </div>

        <div>
            <label for="file">사진 첨부:</label>
            <input type="file" id="file" name="file">
        </div>

        <div>
            <button type="submit">등록하기</button>
            <button type="button" onclick="location.href='/board/list'">취소</button>
        </div>
    </form>
</body>
</html>

3. 게시글 등록 로직 구현

Controller에서 작성한 write 메소드에서 실제로 게시글을 등록하는 로직을 구현해야 합니다. 위 코드에서 // 게시글 등록 로직 구현하기 부분을 직접 구현해주시면 됩니다. 필요한 데이터들은 Board 객체로 전달되며, 파일 첨부는 MultipartFile을 이용하여 처리할 수 있습니다. 등록 후에는 redirect를 통해 게시글 목록으로 이동해야 합니다.

4. 실행 및 테스트

위 내용들을 모두 구현하였다면, 프로젝트를 실행하여 게시글 등록 기능을 테스트해보세요. 제목, 작성자, 내용을 입력한 뒤 첨부 파일을 선택하여 등록하기 버튼을 누르면, 게시글 목록으로 이동되며 등록한 게시글이 리스트에 추가되어야 합니다.

오늘은 스프링 부트 게시판에 게시글을 등록하는 방법에 대해 알아보았습니다. 다음 포스팅에서는 게시글 상세 보기와 수정, 삭제 기능을 구현하는 방법에 대해 알려드리겠습니다. 감사합니다!

yynt