[이전 글]

2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1

 

[투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1

파이널 프로젝트로 투표 사이트를 만든다. 개발하기 전에 개발 환경 설정을 기록하려고 한다. 아래 목차 순서대로 정리할 것임! <목차> spring boot 설치 thyemleaf 설치 mysql 설치 실행해보기 1. Eclipse

song-yujin.tistory.com


 

 

앞에서 VotingHomePage 프로젝트를 만들때 의존성으로 Lombok도 추가했었다.

이것은 VotingHomePage 프로젝트에 Lombok 의존성을 추가한다는 것이고 개발도구인 이클립스에서도 Lombok을 쓰려면 따로 추가를 해줘야한다. 

 

2. Eclipse에 Lombok 설치


projectlombok.org/download

 

위에 사이트를 들어가서 Lombok JAR 파일을 다운받는다. 

 

그리고 다운로드된 JAR 파일을 더블클릭하면 아래 화면이 나온다. 

Install / Update 를 누르면 된다! 

 

 

이렇게 설치해서 Eclipse가 실행될 때 Lombok이 같이 실행될 수 있도록 한다. 

이클립스 실행 파일인 eclipse.ini 를 확인해보면 lombok jar가 추가되어있는 것을 확인할 수 있다. 

 

 

저번학기 수업시간에 배웠던 내용 기록하려고 한다. 

오랜만에 봐서 기억도 안나고....

 

간단하게 용어 정리만~!

 

 

MVC 패턴


 

 

 


View


사용자가 보는 화면에 입출력 과정 및 결과를 보여주기 위한 역할. 

 

 

 

 

 

Controller


model 과 view를 연결 시켜주는 역할.

도메인 객체들의 조합을 통해 프로그램의 작동 순서나 방식을 제어.

 

사용자의 요청을 전달받아 요청의 처리를 담당하는 Service를 호출.

 

 

 

 

Service


Controller에 의해 호출되어 실제 비즈니스 로직과 트랜잭션을 처리.

DAO를 호출하여 DB CRUD를 처리후 Controller로 반환.

 

 

 

 

 

DAO


Service에 의해 호출되어 DB CRUD를 담당.

 

 

 

 

 

DTO


특정 테이블의 정보를 레코드 단위로 정의해놓은 클래스.

 

 

 

 

Service vs DAO 


단순하게 페이지를 불러오고 DB정보를 한번에 불러오는 간단한 프로젝트의 경우 Service와 dao의 차이가 거의 없을 수 있다.
 
Service는 사용자가 요청한 작업을 처리하는 과정을 하나의 작업으로 묶은 것이고,
 
dao는 CRUD작업을 하나씩 분할해 놓은 것이다.
 
사용자가 한 번의 요청으로 단순히 페이지 이동이 필요하다면 select와 같은 단순히 하나의 dao만 작동하기 때문에 Service와 dao가 나눌 필요가 없는 것처럼 보이지만,
 
사용자가 글을 작성하거나 수정하는 것과 동시에 페이지가 이동한다면 update, select가 작동하기 때문에 여러 dao를 Service안에 조립하는 로직을 갖게된다.

[참고 블로그]ysyapr91.tistory.com/4

[이전 글]

2021/01/11 - [IT/spring] - [투표사이트만들기] MySQL Workbench - 4

 

[투표사이트만들기] MySQL Workbench - 4

[이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3 [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3 [이전 글] 2021/01/12 - [IT/spring] - [투표사이트만들..

song-yujin.tistory.com


5. Spring boot + Thymeleaf + JPA + MySQL 개발


개발 환경 설정까지 다 끝났으니 이제 한번 간단하게 실습? 해보려고 한다.

JPA는 goddaehee.tistory.com/209 블로그 참고하면 좋을 것 같다ㅎㅎ (블로그님 감사합니당)

 

천천히 따라오기만 하면 쉽.. 다..

 

 

개발해볼 것은!!! 목표는!!!

  • voteDB에서  sysadmin 테이블에 관리자 아이디와 관리자 카테고리 전체를 조회하여 화면에 나오도록 할 것 

 

[결과 화면]

 


 

 

 

이제 시작..!🙌

 

 

이전에 이미 생성한 VotingHomePage 프로젝트를 보면 application.properites를 볼 수 있다. 

 

 

 

 

.properites 보다 .yml 쓰는 걸 추천한다고 선배한테 들어서 바꿀 것이다.

 

 

 

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/voteDB?serverTimezone=UTC
    username: yujin
    password: 1234
  jpa:
    hibernate:
      ddl-auto: update
    show-sql: true
  thymeleaf:
    prefix: classpath:templates/
    suffix: .html
    cache: false

그리고 이렇게 설정을 해준다.  3번째 줄에서 voteDB는 데이터베이스 이름이다. 알맞게 변경해줘야 함!

username과 password도 ..! 

소스코드는 접은 글로 사진 아래에 같이 첨부했다.

 

 

그리고 아까 build.gradle에서 타임리프 의존성도 따로 추가했으니 Pass!

 

 

 

 

 

 

controller, dao, dto, service 패키지를 순서대로 일단 만들어준다. 

 

 

 

  • dao.UserRepository (class)

package com.example.demo.dao;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;
import com.example.demo.dto.UserDTO;

@Repository
public interface UserRepository extends JpaRepository<UserDTO, Integer>{ 

}

 

그리고 dao에서 UserRepository 인터페이스를 만들어준다.

 

[코드 설명]

코드를 보면 위에 @Repository를 붙인다.

Repository는 JPA와 같은 ORM을 사용하게 되면 객체 단위로 테이블을 관리한다. (DAO 역할을 대신함)

 

extends JpaRepository<UserDTO, Integer> => JPA 인터페이스를 확장을 해야 그 안에 메서드를 사용할 수 있다.  

안에 <UserDTO, Integer>는 사용할 DTO와 그 테이블의 PK 데이터 타입을 작성한다. 

 

 

 

 

 

 

  • service.UserService (interface)

package com.example.demo.service;

import java.util.List;
import com.example.demo.dto.UserDTO;

public interface UserService {

  List<UserDTO> getAllUser();
}

 

  • service.UserServiceImpl (class)

package com.example.demo.service;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.example.demo.dao.UserRepository;
import com.example.demo.dto.UserDTO;

@Service
public class UserServiceImpl implements UserService{

  @Autowired  //자동 연결 
  private UserRepository userRepository;
  
  
  @Override
  public List<UserDTO> getAllUser() {
    
    return userRepository.findAll();

  }

}

 

[코드 설명]

DB로부터 UserDTO를 list로 가져오기 위한 메소드를 작성한다. 

(인터페이스랑 인터페이스 구현 객체 같이 올림)

 

 

 

 

 

  • dto.UserDTO (class)

package com.example.demo.dto;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;
import lombok.Data;

@Entity
@Table(name = "sysadmin")
@Data
public class UserDTO {

  @Id
  @Column(name = "ADMIN_SEQ")
  private int adminSeq;

  @Column(name = "ADMIN_CATG")
  private String adminCatg;

  @Column(name = "ADMIN_ID")
  private String adminID;

  @Column(name = "ADMMIN_PW")
  private String adminPW;

}

 

[코드 설명]

가져올 sysadmin 테이블의 정보를 작성해준다. 

12줄은 테이블 이름, 16줄 @Id는 adminSeq 이 이 테이블의 PK라는 것을 의미한다. 

 

 

 

 

 

  • controller.MainController(class)

package com.example.demo.controller;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;
import com.example.demo.dto.UserDTO;
import com.example.demo.service.UserService;

@Controller
public class MainController {

  @Autowired
  private UserService userService;

  @GetMapping(value = "/")
  public ModelAndView main() {

    ModelAndView mv = new ModelAndView();
    List<UserDTO> userList = userService.getAllUser();
    mv.addObject("userList", userList);
    mv.setViewName("index");
    return mv;
  }

}

 

[코드 설명]

ModelAndView는 Model 인터페이스를 구현한 클래스로 객체 데이터를 뷰로 넘기는 데 사용을 한다. 

 

 

 

 

 

 

  • templates.index(html)

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>테스트</h1>
	<tr th:each="sysadmin : ${userList}">
		<td th:text="'id : ' + ${sysadmin.adminID}"></td>
		<td th:text="'admin catg : ' + ${sysadmin.adminCatg}"></td>
		<p/>
	</tr>
</body>
</html>

 

알맞게 작성해주면 끝이다.

 

 

 

 

 

실행은 프로젝트에서 우클릭해서 Run As > Spring Boot App을 해주면 된다.

 

그러면 앞에 있는 [결과 화면]이 나온다!

[이전 글]

 

2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3

 

[투표사이트만들기] Eclipse에서 Thymeleaf 설치하기 - 3

[이전 글] 2021/01/12 - [IT/spring] - [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2 [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2 [이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse..

song-yujin.tistory.com


 

MySQL 부분은 이전에 올렸던 글이 있다. 그것을 보고 참고하면 된다.

 

그런데 여기서는 이클립스에서 mysql 쿼리를 작성하고 실행시키지 않고 mysql workbench에서 실행할 예정이다. 그래도 초기 설정은 아래 글에 있으니 꼭 참고해야 될 것 

 

2020/10/09 - [IT/JAVA] - macOS mysql 설치 & eclipse java 연동

 

macOS mysql 설치 & eclipse java 연동

macOS 에서 oracle를 사용하려면 복잡하지만 MySQL은 간단하다고 한다. 그래서 MySQL을 설치하고 사용할 것! macOS 용 패키지 관리자 Homebrew를 이용하여 설치할 것이다. Homebrew를 이용하면 설정 과정이

song-yujin.tistory.com


 

4. MySQL Workbench 사용


 

workbench에서 eer diagram을 만들어준다. (본인이 설계한 디비를 기반으로!)

 

 

 

 

다 완성했으면 상단에 Database > Forward Engineer.. 를 눌러서 진행해주면 알아서 테이블을 만들어준다!!!

 

 

 

이런식으로 쭉 가서... 

 

입력해주고....

 

테이블의 제약조건이 이상할 경우에는 에러가 난다. 

 

 

 

다 완성을 하면 Home으로 돌아가서 MySQL Connections 옆에 + 버튼을 눌러서 새로 만들어준다.

 

 

 

 

 

그리고 이렇게 알맞게 작성해주면 된다! 

 

끄으으으읕~!@!~!~!~!~!❤

 

 

 

 

 

 

[이전 글]

2021/01/12 - [IT/spring] - [투표사이트만들기] Eclipse에 Lombok 설치하기 - 2

 

[투표사이트만들기] Eclipse에 Lombok 설치하기 - 2

[이전 글] 2021/01/11 - [IT/spring] - [투표사이트만들기] Eclipse에서 Spring boot 설치하기 - 1 spring boot 설치 thyemleaf 설치 mysql 설치 실행해보기 1. Eclipse" data-og-host="song-yujin.tistory.com" d..

song-yujin.tistory.com

 


 

 

3. Eclipse에서 Thymeleaf 설치 & 프로젝트 적용 


제목에 " Thymeleaf 설치 & 프로젝트 적용"이라고 작성한 이유가 있다. 

 

일단 (1) spring boot처럼 marketplace에서 설치하는 방법(2) 프로젝트에 추가해주는 방법이 있다. 

 

(1)  spring boot처럼 marketplace에서 설치하는 방법

: Eclipse에서 Thymeleaf 플로그인 설치한다는 의미는 지금 쓰고 있는 개발 도구인 Eclipse에서 Thymeleaf 개발을 편리하게 하기 위한 도구를 설치하는 것

 

(2) 프로젝트에 추가해주는 방법

: 프로젝트에 Thymeleaf라는 라이브러리 의존성을 추가하는 것  (프젝에서 사용하려면 꼭 추가해야 됨!)

 

 

나는 1번째는 하지 않고 2번째 프로젝트에 추가해주기만 했다. (2번째 방법은 꼭 해야 될 것!)

 

(1) Marketplace에서 설치하는 방법 

thymeleaf도 마찬가지로 help > Eclipse Marketplace를 들어간다.

 

 

 

검색 후 install 해주면 끝!

 

 

 

 

 

(2) 프로젝트에 추가 

 

 

이전 글에서 생성한 VotingHomePage 프로젝트에서 build.gradle 들어가서 

 

 

dependencies 안에다가  아래 한 줄을 추가해준다. 

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

 

그리고!!!!!

gradle을 수정했으면 반드시! refresh를 해줘야 한다! 안 그러면 적용이 안된다. 

build.gradle 위에서 우클릭을 눌러서 Gradle > Refresh Gradle Project 해주면 된다.

 

 

 

※ 그리고 여기서부터는 타임리프의 함수를 사용할 수 있고 ctrl + space 눌렀을 때 보일 수 있게(?) 하기 위한 설정이다. 

 

 

 

help > Install New Software 들어간다.

 

 

 

 

 

 

http://www.thymeleaf.org/eclipse-plugin-update-site/

work with에 링크를 넣어주고 이름도 적어줘서 쭉 진행해주면 끝이다!

 

 

파이널 프로젝트로 투표 사이트를 만든다. 

개발하기 전에 개발 환경 설정을 기록하려고 한다. 

아래 목차 순서대로 정리할 것임! 

 

<목차>

  • spring boot 설치
  • Lombok 설치
  • thyemleaf 설치
  • mysql 설치
  • 실행해보기

 

 

1. Eclipse에서 Spring boot 설치


이클립스 상단에 Help > Eclipse MarketPlace 로 들어간다. 

 

 

 

 

 

 

find에서 sts 단어만 작성해주면 표시한 Spring Tools 4 를 볼 수 있다. 이것을 install 할 것!

 

 

 

 

 

 

설치가 다 끝났으면 프로젝트를 만든다. (Spring Starter Project를 선택)

 

 

 

 

 

 

프로젝트 이름을 작성해주고 각 설정에 맞춰서 선택해주었다. 

 

 

 

 

 

 

엄청 많은 의존성이 있지만 내가 설정한 것은 오른쪽 나와있는 7가지이다. 

다 추가해주고 마지막 Finish 를 눌러준다. 

 

 

그럼 일단 spring boot 설치와 프로젝트 만들기 성공~!~!

 

 

 

 

 

 

 

+ Recent posts