회원가입

[Springboot] 블로그 만들기 (18)_회원가입(3)

Service 생성 UserService.java package com.lwj.blog.service; import javax.transaction.Transactional; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import com.lwj.blog.model.User; import com.lwj.blog.repository.UserRepository; // 스프링이 컴포넌트 스캔을 통해서 Bean에 등록을 해줌. IoC를 해준다. @Service // service : 트랜젝션 관리를 위해 사용 public class UserService { @A..

[Springboot] 블로그 만들기 (17)_회원가입(2)

user.js let index = { init: function(){ $("#btn-save").on("click",()=>{ // function(), ()=>{} this 를 바인딩하기 위해서 !! this.save(); }); // on(이벤트,함수) 이벤트가 발생하면 함수 실행 } ,save: function(){ //alert('user의 save함수 호출됨'); let data = { // joinForm input태그의 id로 값을 가져와서 저장 userName : $("#username").val(), password:$("#password").val(), email:$("#email").val() }; // console.log(data); // {userName: '쫑이', passw..

[Springboot] 블로그 만들기 (17)_회원가입(1)

JavaScript 파일 생성 loginForm.jsp의 Form태그 내부에 있던 태그를 밖으로 뺴주고 user.js파일을 참조하는 코드를 작성한다. 회원가입완료 user.js let index = { init: function(){ $("#btn-save").on("click",()=>{ this.save(); }); // on(이벤트,함수) 이벤트가 발생하면 함수 실행 } ,save: function(){ alert('user의 save함수 호출됨'); } } index.init(); 테스트 F12 개발자 도구- Network를 확인 user.js의 Status가 200으로 정상적으로 작동하는 것을 알 수 있다. 잘 동작하는걸 확인했으니 input박스에 있는 값을 출력해보자. user.js let i..

[Springboot] 블로그 만들기 (16)_로그인, 회원가입 화면

header 와 footer는 메인페이지뿐만 아니라 다른 페이지에서도 동일하게 나와야 하기 때문에 구성을 변경한다. index.jsp (기존) LWJ 로그인 회원가입 제목 적는 부분 상세보기 제목 적는 부분 상세보기 제목 적는 부분 상세보기 Create by LWJ 📞010-1234-5678 🏴경기도 광명시 어딘가 index.jsp에 있는 header와 footer 를 분리하자. header.jsp ,footer.jsp 생성 header.jsp LWJ 로그인 회원가입 footer.jsp Create by LWJ 📞010-1234-5678 🏴경기도 광명시 어딘가 index.jsp 제목 적는 부분 상세보기 제목 적는 부분 상세보기 제목 적는 부분 상세보기 테스트 회원가입, 로그인을 위한 Controller ..

[Springboot] 블로그 만들기 (9)_회원가입 insert 테스트

테스트용 클래스 생성 파일명 : DummyControllerTest 보통 파라미터 값을 받기 위해서 아래와 같이 RequestParam이라는 어노테이션을 사용해서 받는다. 이때 변수명은 아무렇게 지어도 상관이 없다. public String join(@RequestParam("키 값") String 변수명) { @Repository 생략 가능하다. public interface UserRepository extends JpaRepository{ // 해당 JpaRepository는 user테이블이 관리하고 이 테이블의 PK는 숫자형이다. // 이 JpaRepository는 findAll()이라는 함수를 갖고 있는데 이 함수는 테이블의 모든행을 리턴하는 함수이다. // 이 함수는 데이터 CRUD를 처리할 ..