스프링부트 게시판 무작정 따라하기!

 

이 강의는 자바를 이용한 웹 개발 기초 지식, 프레임워크에 관한 지식이 없으신 분도 따라하기만 하면 게시판을 만들 수 있게 구성하였습니다. 물론 완벽하게 이해하시기는 힘드시겠지만 강의 통해 웹 개발에 흥미를 가지셨으면 좋겠습니다.

 

스프링 부트와 JPA, Thymeleaf를 이용한 게시판 개발

 

본 개발에서 프레임워크는 스프링 부트(Spring Boot)를 사용할 것이고, DB 접근 기술로는 Mybatis 가 아닌 JPA(Java Persistence API)를 사용할 것이며, View를 담당하는 View 템플릿은 타임리프(Thymeleaf)를 사용할 것입니다. 스프링 부트를 통해 MVC 구조를 파악할 수 있고, JPA를 통해 Mybatis와는 다른 DB 접근 방법을 익힐 수 있으며, 타임리프를 통해 사용자에게 데이터를 어떻게 보여줄 수 있는가 학습해 봅시다.

 

이 부분도 너무 어렵게 받아들이지 마시고 이런 것들이 쓰였구나 정도로 이해해주시면 됩니다.

 

개발환경

 

IDE(통합개발환경) : 인텔리제이 커뮤니티

 

개발 언어 : Java 1.8.0

 

프레임워크 : Spring Boot 2.5.3

 

빌드 : Gradle

 

DB(데이터베이스) : MariaDB 10.3.30

 

DB 접근 기술 : JPA

 

View 템플릿 : Thymeleaf

 

 

강의 영상

1) 강의 소개

 

 

2) 인텔리제이 설치

 

 

3) MariaDB 설치

 

 

4) MySQL Workbench 설치

 

 

5) 프로젝트 생성

 

 

6) DB에 테이블 생성

 

 

7) 게시글 작성폼 생성

 

 

8) 글 작성 처리

 

 

9) 게시글 리스트

 

 

10) 게시글 상세페이지

 

 

11) 게시글 삭제

 

 

12) 게시글 수정

 

 

13) 메시지 띄우기

 

 

14) 파일 업로드

 

 

강의자료

application.properties 설정

spring.datasource.driverClassName=org.mariadb.jdbc.Driver

spring.datasource.url=jdbc:mariadb://localhost:3306/board

spring.datasource.username=스키마계정

spring.datasource.password=비밀번호

 

테스트 데이터 프로시저 생성

DELIMITER $$

CREATE PROCEDURE testDataInsert()
BEGIN
    DECLARE i INT DEFAULT 1;

    WHILE i <= 120 DO
        INSERT INTO board(title, content)
          VALUES(concat('제목',i), concat('내용',i));
        SET i = i + 1;
    END WHILE;
END$$
DELIMITER $$

인텔리제이 한글 인코딩 설정

Shift 두 번 연속 클릭하고 'Edit Custom VM Options' 클릭
-Dfile.encoding=UTF-8 추가

IntelliJ IDEA 다운로드

오른쪽 상단 다운로드 클릭
얼티메이트 버전 다운로드
Next> 클릭
Next> 클릭
이미지와 같이 체크 후 Next> 클릭
Install 클릭
Finish 클릭
해당 체크 박스에 체크 후 Cotinue 클릭
Don't Send 클릭
테마를 설정하는 창, 원하는 색상 선택 후 Next: Default plugins 클릭
Next: Default plugins 클릭
Start using IntelliJ IDEA 클릭
인텔리제이 얼티메이트는 유료 버전이며 30일만 무료, Evaluate for free에 체크하고 Evaluate 클릭

 

아파치 톰캣 다운로드

구글에서 아파치 톰캣 검색 후 다운로드 클릭 (현재 다운로드 클릭시 Tomcat 9 버전으로 이동)
빨간 박스 Core 부분에서 컴퓨터 사양에 맞게 zip 파일 다운
Next> 클릭
I Agree 클릭
Next> 클릭
기본적으로 톰캣은 8080를 사용합니다. 오라클 및 다른 프로그램과 포트가 곂치는 경우 변경하세요.
Next> 클릭
Install 클릭
Finish를 누르면 설치 완료

 

인텔리제이에서 JSP 프로젝트 생성 및 톰캣 연동

New Project로 새로운 프로젝트 생성
왼쪽 탭에서 Java 선택 후 Java 버전을 설정한 후 하단은 Next 클릭
프로젝트명과 프로젝트 생성 경로를 설정하고 Finish 클릭
프로젝트가 생성되면 프로젝트 우클릭 후 Add Framework Support를 클릭
웹 개발을 위한 프레임워크를 설정하고 OK 클릭
필요한 라이브러리가 자동으로 다운로드됩니다.
프레임워크가 추가되었습니다. index.jsp 파일 클릭
우측 상단에 크롬으로 열기 클릭
서버가 연결되어 있지 않기 때문에 에러가 발생합니다. 톰캣 연동을 해줘야 합니다.
우측 상단에 Add Configuration 클릭
+ 버튼을 클릭하여 Tomcat Server 중 Local을 클릭
Configure에서 톰캣 경로를 설정하고 HTTP port: 에서 톰캣 포트를 설정, 그리고 하단 Fix 클릭
하단 Application context: 에서 URL 시작 경로를 설정할 수 있습니다.
/를 제외하고 모두 지운 뒤 OK 클릭
왼쪽 하단에 톰캣 서버가 추가되었다. 우측 상단 재생버튼 클릭
엑세스 허용 클릭
자동으로 크롬에서 해당 JSP 파일을 열어줍니다.
HTML의 title과 body 태그 안을 수정하고 다시 우측 상단의 크롬 버튼을 클릭
이런 창이 뜬다.
문제를 없애기 위해 web.xml 파일을 수정해야 합니다.
이 부분을 수정해야 합니다.
'services/' 를 지웁니다.
바로 위의 servlet-mapping 부분도 지워줍니다. (어노테이션 방식의 매핑을 사용하면 이 부분이 필요 없습니다.)
다시 실행하면 수정한 것처럼 실행되는 것을 볼 수 있습니다.

'IntelliJ > 설정' 카테고리의 다른 글

[플러그인] CamelCase  (0) 2021.09.29
[IntelliJ] 자주 사용하는 단축키  (0) 2021.07.19

+ Recent posts