스프링부트

loginForm.jsp Stacked form username: Password: 로그인 user.js #btn-login 눌렀을 때, login()함수 추가한다. $("#btn-login").on("click",()=>{ this.login(); }); login: function(){ // alert('user의 save호출됨'); let data = { username: $("#username").val(), password: $("#password").val() } // console.log(data); $.ajax({ type: "POST", url: "/api/user/login", data: JSON.stringify(data), contentType: "application/json; c..

GlobalExceptionHandler handleArgumentException() 수정한다. @ExceptionHandler(value = IllegalArgumentException.class) public ResponseDto handleArgumentException(IllegalArgumentException e){ return new ResponseDto(HttpStatus.INTERNAL_SERVER_ERROR,e.getMessage()); } ResponseDto status Type 변경한다. public class ResponseDto { // HttpStatus status; 기존 HttpStatus -> int로 변경 int status; T data; }

UserService // 스프링이 컴포넌트 스캔을 통해 Bean에 등록을 해줌. IoC를 해준다. => 메모리에 띄어준다. @Service public class UserService { @Autowired private UserRepository userRepository; @Transactional public int 회원가입(User user){ try{ userRepository.save(user); return 1; }catch(Exception e){ e.prinStackTrace(); System.out.println("UserService - 회원가입 : "+e.getMessage()); } return -1; } } 참고 - Service가 필요한 이유 트랜잭션을 관리하기 위함이다. 서..

user.js ajax 부분 완성시킨다. let index = { init:function(){ $("#btn-save").on("click",()=>{ // function(){} 대신 ()=> 사용한 이유는 this를 바인딩하기 위해서 this.save(); }); }, save: function(){ // alert('user의 save호출됨'); let data = { username: $("#username").val(), password: $("#password").val(), email: $("#email").val() } // console.log(data); $.ajax({ type: "POST", url: "/api/user", data: JSON.stringify(data), cont..

joinFrom.jsp form 태그에 method와 action을 넣지않고 데이터를 json으로 보낼예정이기에 form태그 밑에 회원가입버튼을 누르면 js가 작동하여 데이터를 보낼것이다. 스크립트 연결 Stacked form username: Password: Email: 회원가입 user.js resource > static 밑에 js 디렉터리 만든 후 js 디렉터리 밑에 user.js 만든다. let index = { init:function(){ $("#btn-save").on("click",()=>{ // function(){} 대신 ()=> 사용한 이유는 this를 바인딩하기 위해서 this.save(); }); }, save: function(){ // alert('user의 save호출됨'..

UserController @Controller public class UserController { @GetMapping("/user/joinForm") public String joinForm(){ return "user/joinForm"; } } joinFrom.jsp index.jsp 복사해서 user 디렉토리 만들고 이름변경해서 붙여넣는다. bootstrap4 - Form 에서 코드 복사해서 에 넣는다. header.jsp, footer.jsp 연결해주기(index에 있던 경로와 달라서 ‘../’ 추가 해줘야함) input 받아야 할 정보(username, email, password)들에 맞게 name, placeholder 등 변경한다. 원래 form 태그안에 submit 버튼이 있어야하지만..

index.jsp webapp > WEB-INF > views 밑에 index.jsp 생성 index.jsp 에 화면구성 부분에서 붕괴된 w3school - bootstrap4 - navbar 코드 복사해서 body 붙여넣고 수정한다. Home 로그인 회원가입 BoardController @Controller public class BoardController { @GetMapping({"","/"}) public String index(){ return "index"; } } view 구조 나누기 구조를 나눠서 index.jsp를 복사해서 다른 파일을 만들면 header.jsp, footer.jsp 가 연결되서 한 번에 보이게 된다. header.jsp Home 로그인 회원가입 글쓰기 회원정보 로그아웃..

요청방식에 따라 데이터 전송방법 Get 요청 (select 할 때 사용) 주소에 데이터를 담아 보낸다.(쿼리스트링 방식) 데이터 형태가 key, value 형태이다. 특징은 body로 데이터를 담아보내지 않는다. Post, Put, Delete 요청 (데이터를 변경) Body에 데이터를 담아 보낸다. ⇒ 데이터를 담아 보내야 할 것이 많음 ⇒ Post는 form 태그 method=’Post’로 보내면 되는데 ⇒ form태그의 한계는 get,post 요청만 할 수 있다. put과 delete 요청은 하지 못한다. ⇒ 그러므로 put, delete 요청을 하기위해서는 js로 요청을 해야한다. ⇒ 따라서 post 요청 때는 form 태그 쓰고 put, delete 할 때는 js 요청을 하면 로직이 통일성이없으..

Point 지난 강의에 이어 예를들자면 id값에 맞는 data를 삭제할려 할 때 id값을 가진 row가 없다면 아래와 같이 error page가 뜨는 것을 확인할 수 있다. 하지만 error page가 뜨는것은 보기에 좋지 않다. 따라서 Exception이 떴을 때 뜨는 화면을 따로 만들어 줄것이다. handler 패키지, GlobalExceptionHandler 클래스 생성 com.cos.blog 밑에 handler 패키지 생성 com.cos.blog > handler 밑에GlobalExceptionHandler 클래스 생성 GlobalExceptionHandler Exception이 처리되었을 때 이 파일이 실행되도록 할 것이다. 따라서 클래스 위에 @ControllerAdvice 을 붙여주면 Exc..

DummyControllerTest @DeleteMapping("/dummy/user/{id}") public String deleteUser(@PathVariable int id){ try{ userRepository.deleteById(id); }catch (EmptyResultDataAccessException e){ return "삭제에 실패! 해당 id가 없습니다."; } return "삭제 되었습니다. id="+id; }

DummyControllerTest - updateUser() id, password 이메일 수정할 예정이다. form 태그 이용해서 데이터를 받아올 때 매개변수 앞에 @RequestBody붙이지 않아도 되지만 json으로 우회해서 받아올 것이기에 @RequestBody 붙여준다. @PutMapping("/dummy/user/{id}") public User updateUser(@PathVariable int id,@RequestBody User requestUser){ System.out.println("id : "+id); System.out.println("password : "+requestUser.getPassword()); System.out.println("email : "+requestUs..

DummyControllerTest - 전체 list를 조회하기 @GetMapping("/dummy/users") public List list(){ return userRepository.findAll(); } 실행 결과 DummyControllerTest - list를 페이지로 나눠서 조회하기 방법1 원래 jsp를 이용해서 하면 page 로직을 다 짜야하지만 jpa를 이용하면 간편하게 paging을 할 수 있다. @GetMapping("/dummy/user") public Page pageList(@PageableDefault(size =2, sort="id", direction = Sort.Direction.DESC) Pageable pageable){ // 방법1 Page users= userRe..