[회원 웹 기능]
1. MemberController 수정 ( /member/new 페이지 만들기 )
src - main - java - hello.hellospring - MemberController 클릭 → 강의자료 코드 붙여넣기
☞ @GetMapping("/members/new") : localhost:8080/members/new 일 때 아래 메서드 호출
☞ return "members/createMemberForm" : members - createMemberForm.html 호출
2. createMemberForm.html 만들기
src - main - resource - templates 우클릭 → New - Directory 클릭 → members 입력 후 우클릭 →
New - HTML File 클릭 → createMemberForm.html 입력 → 강의자료 코드 넣기
☞ <body> ~ </body> : 출력되는 부분
☞ <div> ~ </div> : body 문서 안에서 각 영역의 세션을 구분
☞ <form> ~ </form> :입력 양식 전체를 감싸는 태그
☞ <label> ~ </label> : 입력 요소의 레이블 정의
☞ for : 태그를 제어하여 상태값을 변경하도록 돕는 태그
☞ name : 입력받는 데이터의 이름
☞ <input> ~ </input> : 입력 컨트롤을 정의
☞ type : 입력받는 데이터의 종류
☞ placeholder : 아무 입력이 없을 때 입력을 돕기 위한 간단한 단어나 문장
☞ <button> ~ </button> : 클릭 가능한 버튼(네모박스)을 정의
☞ submit : 버튼을 누르면 입력들 제출해주는 명령
3. MemberForm클래스 만들기
src - main - java - hello.hellospring - controller 우클릭 → New - Java Class 클릭 → MemberForm
입력 → 강의자료 코드 붙여넣기
☞ private String name : 회원가입할 때 적었던 name 가져온다
createMemberForm.html 에서 <input> 라인의 name과 동일
☞ public String getName()
public void setName(String name)
: Fn + Alt + Insert 해서 getter and setter 해주기
setName해서 입력값 넣어주기
4. MemberController 수정 ( @PostMapping 만들기 )
src - main - java - hello.hellospring - MemberController 클릭 → 강의자료 코드 붙여넣기
☞ member.setName(form.getName) : getName을 통해 name 빼내기
☞ memberService.join(member) : 회원 join 한다 ( = 가입 완료 )
☞ return "redirect:/" : 홈화면으로 보내기
※ 과정
localhost:8080/ 실행
( = HomeController 에서 @GetMapping 실행 )
↓
회원가입 누르면 주소 localhost:8080/members/new 로 변경
( = MemberController 에서 @GetMapping 실행 )
↓
@GetMapping 에서 createMemberForm.html 바로 호출
( = return 값 )
↓
이름 입력 후 등록버튼 클릭하면 action = members/new 로 method = post 방식 적용
( = createMemberForm.html에서 입력은 <input>, 이동할 url은 action, 방식은 method )
↓
@PostMapping 에서 MemberForm 호출
( 데이터를 조회할 때 Get 매핑, 데이터를 등록할 때 Post 매핑 )
↓
입력받은 이름을 MemberForm에 setName을 통해 넣어준다
( MemberForm 클래스에서 String name은 createMemberForm에서 <input>의 name과 동일 )
↓
다시 @PostMapping 에서 getName을 통해 이름을 빼주고 join 한다
↓
가 입 완 료
[출처] 김영한 강사님 인프런 스프링 입문
[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의
스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세
www.inflearn.com
'Spring > 스프링 입문' 카테고리의 다른 글
| [스프링 입문] 5 - (3) 조회 (0) | 2023.08.06 |
|---|---|
| [스프링 입문] 5 - (1) 홈 화면 추가 (0) | 2023.08.05 |
| [스프링 입문] 4 - (2) 자바 코드로 직접 스프링 빈 등록하기 (0) | 2023.08.05 |
| [스프링 입문] 4 - (1) 컴포넌트 스캔과 자동 의존관계 설정 (0) | 2023.08.05 |
| [스프링 입문] 3 - (4) 회원 서비스 개발, (5) 회원 서비스 테스트 (0) | 2023.08.04 |
