스터디/스프링

스프링 공부 일지 - 웹 MVC 개발

sleesm 2022. 11. 1. 10:04

 

오늘은 웹 MVC 개발을 해보려고 한다!!

 

이전 블로그 👉👉

2022.10.19 - [스터디/스프링] - 스프링 공부 일지 - 스프링 빈과 의존관계? 그게 뭔데?

 

스프링 공부 일지 - 스프링 빈과 의존관계? 그게 뭔데?

오늘은 스프링 빈과 의존관계에 대해 알아보고자 한다!!!! 저번 블로그 글 👉👉 2022.10.09 - [스터디/스프링] - 스프링 공부 일지 - 간단한 회원 관리와 테스트 케이스 만들기!! 스프링 공부 일지 -

sleecode.tistory.com

 

 

 

 

 

 


 

 

 

사실 MVC 부분은 딱히 엄청 엄청 블로그에 적어야할 내용은 없다!

 

이미 알고 있는 부분이 섞여 있어 그런 것 같다,, 🤔🤔

 

 

암튼 그래도 조금 KeyPoint 를 적어보자면!!

 

 

  • 컨트롤러가 정적 파일보다 우선 순위가 높다!!
    • @GetMapping("/) 한 메서드를 index.html 보다 먼저 실행한다는 것!!

 

 

 

 

 

  • POST로 전달할 때 데이터 받는 방법

 


 

@GetMapping을 통해

아래와 같이 폼을 만들어둔 html과 연결

 

 

 

폼 HTML 예시

 

✌ <input> 태그에

"name" 이라는 key로 입력 값을 받아올 수 있다!!

 

 

 

 

 

데이터를 전달 받을 객체

 

 

🤟 위에서 한 name의 value를 받을 객체를 위한 클래스를 만들어야 한다!

 

name 을 필트로 받는 MemberForm 클래스를 만들어두고

이걸 @PostMapping에서 파라미터로 받으면 된다!!!

 

 

 

 

 

 

 

👉👉 그러면 아래의 코드처럼 MemberForm 객체를 가지고 원하던 "name" 의 값을 받아서 사용할 수 있다!!!

폼에서 받은 name 사용 예시

 

 


 

 

 

 

 

 

  • Thymeleaf 를 활용해 Member 조회도 가능하다!!
    • List<Member> 형태로 반환을 해준다
    • HTML에서 th:each를 사용하면 loop를 돌면서 실행이 가능하다!
      • 이때 member.id 의 경우 Getter/Setter 방식으로 받아오는 것!!

List 형태의 데이터 HTML에서 보여주기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

이렇게 해서 지금까지 메모리에 저장하는 형태로 웹 MVC를 구현해봤다!!

 

다음 강의는 드디어 DB를 사용하는 편이다 😁😁😁😁😁😁😁

 

 

 

 


사실 이번 강의는 듣기만 하고 딱히 새로 엄청나게 적을 내용이 없었다..

어떻게 쓸지 고민하다가 한참 뒤에 업로드를 하게 되는,, ㅎㅅㅎ

 

 

 

아무튼

그럼 안녕🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌