[STUDY] 스프링 입문 기록(3) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술

2023. 3. 1. 20:38· Study
목차
  1. 03. 스프링 빈과 의존관계
  2. 04. 회원 관리 예제 - 웹 MVC 개발

03. 스프링 빈과 의존관계

 

 

 

 

회원 컨트롤러가 회원 서비스와 회원 리포지토리를 사용할 수 있게 의존성을 준비하자.

 

 

import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;

@Controller
public class MemberController {
	private final MemberService memberService;
    
	@Autowired
	public MemberController(MemberService memberService) {
		this.memberService = memberService;
	}
}

 

  • 생성자에 @Autowired 가 있으면 스프링은 연관된 객체를 스프링 컨테이너에 찾아서 넣어준다. 이렇게 객체 의존 관계를 외부에서 넣어주는 것을 DI(Dependency Injection), 의존성 주입이라 한다.
  • 이전 테스트에서는 개발자가 직접 주입했고, 여기서는 @Autowired 에 의해 스프링이 주입해주는 형태이다.

 

 

하지만 위의 상태로 코드를 돌리면 오류가 발생한다.

그 이유는 memberService가 스프링 빈으로 등록되어 있지 않기 때문이다.

 

 

 

여기 스프링 빈을 등록하는 2가지 방법이 있다.

 

  1. 컴포넌트 스캔과 자동 의존관계 설정
  2. 자바 코드로 직접 스프링 빈 등록하기

 

 

1. 컴포넌트 스캔과 자동 의존관계 설정

 

· 컴포넌트 스캔 원리

  • @Component 애노테이션이 있으면 스프링 빈으로 자동 등록된다.
  • @Controller 컨트롤러가 스프링 빈으로 자동 등록된 이유도 위의 컴포넌트 스캔 때문이다.

 

  • @Component 를 포함하는 다음 애노테이션도 스프링 빈으로 자동 등록된다.
@Controller
@Service
@Repository

 

 

 

 

회원 서비스 스프링 빈 등록

 

@Service
public class MemberService {
	private final MemberRepository memberRepository;
    
	@Autowired
	public MemberService(MemberRepository memberRepository) {
		this.memberRepository = memberRepository;
	}
}

 

참고: 생성자에 @Autowired 를 사용하면 객체 생성 시점에 스프링 컨테이너에서 해당 스프링 빈을 찾아서 주입한다. 생성자가 1개만 있으면 @Autowired 는 생략할 수 있다.

 

 

회원 리포지토리 스프링 빈 등록

 

@Repository
public class MemoryMemberRepository implements MemberRepository {}

 

 

 

스프링 빈 등록 이미지

 

이렇게 해서 memberService와 memberRepository가 스프링 컨테이너에 스프링 빈으로 등록되었다. 스프링 컨테이너는 컨트롤러를 통해서 외부 요청을 받고, 서비스에서 비즈니스 로직을 만들고, 리포지토리에서 데이터를 저장하는 것이 정형화된 패턴이다.

 

 

참고: 스프링은 스프링 컨테이너에 스프링 빈을 등록할 때, 기본으로 싱글톤으로 등록한다(유일하게 하나만 등록해서 공유한다) 따라서 같은 스프링 빈이면 모두 같은 인스턴스다. 설정으로 싱글톤이 아니게 설정할 수 있지만, 특별한 경우를 제외하면 대부분 싱글톤을 사용한다.

 

 

 

 

 

 

 

2. 자바 코드로 직접 스프링 빈 등록하기

 

 

회원 서비스와 회원 리포지토리의 @Service, @Repository, @Autowired 애노테이션을 제거하고 진행한다.

 

 

package hello.hellospring;

import hello.hellospring.repository.MemberRepository;
import hello.hellospring.repository.MemoryMemberRepository;
import hello.hellospring.service.MemberService;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
public class SpringConfig {

    @Bean
    public MemberService memberService() {
        //memberService 스프링 빈에 등록됨
        //생성자에 memberRepository를 넣어줘야 함
        return new MemberService(memberRepository());
    }

    @Bean
    public MemberRepository memberRepository() {
    	//memberRepository는 인터페이스이므로 구현체인 MemoryMemberRepository 등록
        return new MemoryMemberRepository();
    }
    
}

 

 

향후 메모리 리포지토리를 다른 리포지토리로 변경할 예정이므로, 컴포넌트 스캔 방식 대신에 자바 코드로 스프링 빈을 설정한다.

 

 

참고: XML로 설정하는 방식도 있지만 최근에는 잘 사용하지 않으므로 생략한다.
참고: DI에는 필드 주입, Setter 주입, 생성자 주입 이렇게 3가지 방법이 있는데, 의존 관계가 실행 중에 동적으로 변하는 경우는 거의 없기 때문에 생성자 주입을 권장한다.
참고: 실무에서는 정형화된 컨트롤러, 서비스, 리포지토리 같은 코드는 컴포넌트 스캔을 사용한다. 그리고 정형화 되지 않거나, 상황에 따라 구현 클래스로 변경해야 하면 설정을 통해 스프링 빈으로 등록한다.
주의: @Autowired 를 통한 DI는 helloController, memverService 등과 같이 스프링이 관리하는 객체에서만 동작하고, 스프링 빈으로 등록하지 않고 내가 직접 생성한 객체에서는 동작하지 않는다.

 

 

 

 

 

 

04. 회원 관리 예제 - 웹 MVC 개발

 

  1. 회원 웹 기능 - 홈 화면 추가
  2. 회원 웹 기능 - 등록
  3. 회원 웹 기능 - 조회

 

 

 

1. 회원 웹 기능 - 홈 화면 추가

 

 

 

홈 컨트롤러 추가

 

package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {

    // 도메인의 첫 번째
    // localhost8080 들어가면 처음으로 보이는 화면
    @GetMapping("/")
    public String home() {
        return "home";
    }
    
}

 

 

 

회원 관리용 홈 HTML

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
    <div>
        <h1>Hello Spring</h1>
        <p>회원 기능</p>
        <p>
            <a href="/members/new">회원 가입</a>
            <a href="/members">회원 목록</a>
        </p>
    </div>
</div> <!-- /container -->
</body>
</html>

 

  • localhost8080에 요청이 오면 스프링 컨테이너에 관련된 컨트롤러가 있는지 확인하고, 없으면 static 파일을 찾는다. 
  • 하지만 현재 상황은 홈 화면에 매핑된 URL이 있기 때문에 해당 컨트롤러를 호출한다.
  • 참고: 컨트롤러가 정적 파일보다 우선순위가 높다.

 

스프링 웹 개발 - 정적 컨텐츠 이미지 확인

 

[STUDY] 스프링 입문 기록(1) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술

01. Spring 웹 개발 기초 웹 개발 시엔 크게 3가지 방법이 있다. (1) 정적 컨텐츠 - 서버에서 하는 것 없이 파일을 그대로 웹브라우저에 띄우는 것 웹 브라우저에서 loalhost:8080/hello-static.html을 입력하

jeonni.tistory.com

 

 

 

홈 화면

 

 

 

 

 

 

2. 회원 웹 기능 - 등록

 

 

 

(1) 회원 등록 폼 개발

 

 

 

회원 등록 폼 컨트롤러

 

@Controller
public class MemberController {

    private final MemberService memberService;
    
    @Autowired
    public MemberController(MemberService memberService) {
	    this.memberService = memberService;
	}
    
    //뷰 리졸버에 의해 members파일의 createMemberForm.html가 선택되고,
    //타임리프 템플릿 엔진이 해당 HTML을 랜더링
    @GetMapping(value = "/members/new")
    public String createForm() {
	    return "members/createMemberForm";
    }
    
}

 

 

 

회원 등록 폼 HTML ( resources/templates/members/createMemberForm )

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
    <form action="/members/new" method="post">
        <div class="form-group">
            <label for="name">이름</label>
            <!-- name은 서버로 넘어올 때 key 값이 된다. !-->
            <input type="text" id="name" name="name" placeholder="이름을 입력하세요">
        </div>
        <button type="submit">등록</button>
    </form>
</div> <!-- /container -->
</body>
</html>

 

 

 

 

 

(2) 회원 등록 컨트롤러

 

 

 

웹 등록 화면에서 데이터를 전달 받을 폼 객체

 

package hello.hellospring.controller;

public class MemberForm {
    private String name;
    
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

 

  • 위의 회원 등록 폼 HTML에서 name이라는 key 값을 얻어온다.
  • 스프링은 setName 메서드를을 통해 key 값을 호출하고, getName 메서드을 통해 값을 꺼낸다.

 

 

회원 컨트롤러에서 회원을 실제 등록하는 기능

 

// 보통 데이터를 넣어서 전달할 때 주로 사용
// HTML 코드에 /members/new는 Post로 불러온 것을 학인 가능
@PostMapping("/members/new")
public String creat(MemberForm form) {
	Member member = new Member();
	member.setName(form.getName());

	memberService.join(member);
    
    //회원 등록이 끝나면 홈 화면으로 나간다.
	return "redirect:/";
}

 

@GetMapping: 데이터 조회
@PostMapping: 데이터 등록

 

 

 

회원 등록 화면 (회원가입)

 

 

 

 

 

 

3. 회원 웹 기능 - 조회

 

 

 

회원 컨트롤러에서 조회 기능

 

@GetMapping("/members")
public String list(Model model) {
    List<Member> members = memberService.findMembers();
    model.addAttribute("members", members);
    return "members/memberList";
}

 

 

 

 

회원 리스트 HTML

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
    <div>
        <table>
            <thead>
            <tr>
                <th>#</th>
                <th>이름</th>
            </tr>
            </thead>
            <tbody>
            
            <!-- ${}: model 안에 있는 값을 꺼냄 !-->
            <!-- (Thymeleaf 반복 기능 (th:each)) 객체를 꺼내서 member에 담고 id, name을 출력 !-->
            <tr th:each="member : ${members}">
                <td th:text="${member.id}"></td>
                <td th:text="${member.name}"></td>
            </tr>
            
            </tbody>
        </table>
    </div>
</div> <!-- /container -->
</body>
</html>

 

 

회원 조회 화면 (회원 목록)

 

 

입력받은 객체의 id, name이 리스트로 작성된 것을 확인

 

 

 

 

 

 

 

 

 

참고: 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 (https://inf.run/PWvM)

 

 

 

 

 

'Study' 카테고리의 다른 글

[STUDY] 스프링 입문 기록(5) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술  (0) 2023.03.11
[STUDY] 스프링 입문 기록(4) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술  (0) 2023.03.10
[STUDY] 스프링 입문 기록(2) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술  (0) 2023.02.26
[STUDY] 스프링 입문 기록(1) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술  (0) 2023.02.23
[디자인 패턴] MVC, MVP, MVVM  (0) 2022.07.26
  1. 03. 스프링 빈과 의존관계
  2. 04. 회원 관리 예제 - 웹 MVC 개발
'Study' 카테고리의 다른 글
  • [STUDY] 스프링 입문 기록(5) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술
  • [STUDY] 스프링 입문 기록(4) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술
  • [STUDY] 스프링 입문 기록(2) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술
  • [STUDY] 스프링 입문 기록(1) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술
jeonniu
jeonniu
주니어 개발자의 기록하는 습관 기르기.. 👩🏻‍💻
jeonniu
my records
jeonniu
전체
오늘
어제
  • 분류 전체보기 (43)
    • New (3)
    • Study (23)
    • Algorithm (2)
    • Project (2)
    • Solution (2)
    • CodeStates 45th (11)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 설정

공지사항

인기 글

태그

  • spring
  • AWS
  • multithreading
  • mysql
  • 스프링부트
  • UCP
  • Java
  • chat GPT
  • aggregate
  • 객체지향프로그래밍
  • JPA
  • data Binding
  • Asynchrounous
  • MVC
  • TCP/IP 4계층
  • aggregate root
  • 가비지 컬렉터
  • in-memory db
  • Long Polling
  • springboot
  • @Repository
  • Synchorunous
  • @Service
  • Spring Data JDBC
  • 백엔드
  • EC2
  • 프로그래밍 패러다임
  • 3 paradigms
  • 아키텍처 패턴
  • 컴포넌트 스캔

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.0
jeonniu
[STUDY] 스프링 입문 기록(3) - 코드로 배우는 스프링부트, 웹 MVC, DB 접근 기술
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.