강의 따라하기

OAuth2.0 설명을 하긴전 OAuth2.0 로그인을 한다면 인증처리 수고 덜 수 있다는 장점이 있으나 어떤 쇼핑몰이 있고 주소나 등급관리가 필요하다면 추가로 필요하다. OAuth란 무엇인가? 🤔 Open Auth로 인증 처리를 대신해준다 라는 개념이다. 홍길동이라는 클라이언트가 있고 블로그 서버가 하나 있다면 홍길동이 블로그에 로그인 요청을 하면 블로그는 로그인응답을 해준다. 하지만 OAuth는 조금 다르다. 홍길동이 Blog에 로그인 요청을 한다. Blog는 홍길동에게 로그인페이지를 보여준다. 홍길동은 로그인페이지에서 카카오로그인을 보고 카카오로그인 버튼을 누른다. (여기서 카카오 정보를 입력하고 동의창이 나온다. ) 카카오정보 입력 후 동의를 하면 카카오 API서버에 홍길동은 카카오로그인요청을 하..

카카오 개발자 센터 카카오 개발자 센터에 들어가서 애플리케이션 추가 REST API키 플랫폼 설정 등록 http://localhost8080 등록 Redirect URI 등록 http://localhost:8080/auth/kakao/callback Logout Redirect URI 등록(선택사항) http://localhost:8080/auth/kakao/logout 동의항목 설정 프로필정보(필수동의 체크, 동의목적 : 카카오 로그인 개발 테스트) email(선택 동의 체크, 동의목적 : 카카오 로그인 개발 테스트)

UserApiController 내용 추가 하기전에 회원정보를 수정하더라도 세션이 변경이 되지않아 로그아웃을 하고 다시 로그인해야지만 변경된 정보를 확인할 수 있었다. ⇒ 강제로 session에 값 저장하려 했으나 안됐다. ⇒ SecurityConfig에가서 authenticationManagerBean()을 bean등록과 override 해준 후 사용한다. 더보기 참고 @Autowired private AuthenticationManager authenticationManager; @PutMapping("/user") public ResponseDto update(@RequestBody User user) { userService.회원수정(user); // //여기서는 트랜잭션이 종료되기 때문에 DB에..

UserContrller @GetMapping("/user/updateForm") public String updateForm(){ return "user/updateForm"; } updateForm.jsp Stacked form username: Password: Email: 정보 수정완료 user.js $("#btn-update").on("click",()=>{ // function(){} 대신 ()=> 사용한 이유는 this를 바인딩하기 위해서 this.update(); }); update: function(){ let data = { id: $("#id").val(), username: $("#username").val(), password: $("#password").val(), email: ..

톰캣시작 필터들이 메모리에 올라간다.(권한 · 인증 · 한글 인코더 필터 등입구에 들어올때 걸러내야하는것들은 필터에서 걸러낸다.) 디스패처가 메모리에 올라간다. (사용자들이 ‘/’, ‘/admin’, ‘/user’ 와 같이 주소를 요청한다. 그러면 디스패처는 중간에 어떤 주소가 들어오는지 확인하고 그에맞는 컨트롤러를 요청하는 역할을 한다. ) 그 후 Contoller, Service, JPA repository 영속성 컨텍스트가 메모리에 뜨는데 사용자가 요청시마다 메모리에 뜬다. 다른 사용자가 요청을 하면 기존 떠있는 애들을 재사용이 아니라 쓰레드를 추가하면서 지속적으로 뜨게 된다. DataSource는 메모리에 미리 한 개가 뜬다. (DataSource는 DB란 직접적인 연결이 되어있다.) ViewRe..

BoardController @GetMapping("/board/{id}/updateForm") public String UpdateForm(@PathVariable int id,Model model){ model.addAttribute("board",boardService.글상세보기(id)); return "board/updateForm"; } updateForm.jsp Stacked form Title: Content: "${board.content}" 글수정완료 board.js $("#btn-update").on("click",()=>{ this.update(); }); update: function(){ let id = $("#id").val(); let data = { title: $("#tit..

board.js $("#btn-delete").on("click",()=>{ this.deleteById(); }); deleteById: function(){ let id = $("#id").text(); $.ajax({ type: "DELETE", url: "/api/board/"+id, dataType: "json" }).done(function(resp){ // alert(resp); alert("삭제가 완료 되었습니다.") location.href="/"; }).fail(function(error){ alert(id+"js 삭제에러 호출"+JSON.stringify(error)); }); },// deleteById end BoardApiController @DeleteMapping("/api/..

57. 페이징 하기 - 생략 (member2, board 할 때 페이징과 동일하게 하기 때문에 하는 방법은 생략) index.jsp 더보기 링크 수정한다. ${board.title} 더보기 BoardController @GetMapping("/board/{id}") public String findById(@PathVariable int id,Model model){ model.addAttribute("board",boardService.글상세보기(id)); return "board/detail"; } BoardService @Transactional(readOnly = true) public Board 글상세보기(int id) { return boardRepository.findById(id) .orE..

BoardController BoardService DI index() 수정한다. @Autowired private BoardService boardService; @GetMapping({"","/"}) public String index( Model model, @PageableDefault(size=2,sort="id",direction = Sort.Direction.DESC)Pageable pageable){ model.addAttribute("boards",boardService.글목록(pageable)); return "index"; } BoardService @Transactional(readOnly = true) public Page 글목록(Pageable pageable) { return ..

BoardController // User 권한이 필요 @GetMapping("/board/saveForm") public String saveForm(){ return "board/saveForm"; } saveForm.jsp 더보기 https://summernote.org/getting-started/#for-bootstrap-4 썸머노트 참고해서 사용하여 만들었다. (썸머노트 홈 > get started > For bootstrap4) ※ 썸머노트 사용 시 주의 사항 summernote textarea는 id를 들고 있어야한다. 연결 script 확인한다. Stacked form Title: Content: 글작성완료 board.js let index = { init:function(){ $("#b..

loginForm.jsp form 태그속성에 action, method 넣어준다. submit버튼 form태그안에 넣어준다. 더보기 → ‘/auth/loginProc’ action으로 만들어서 Controller에서 작동하도록 했지만 우리는 Controller에 @PostMapping("/auth/joinProc") 만들었지 ‘/auth/loginProc’ 가 url에 왔을 때 작동하는 Controller는 만들지 않았다. @PostMapping("/auth/joinProc") public ReplySaveRequestDto.ResponseDto save(@RequestBody User user){ System.out.println("UserApiController save() 호출"); userServ..

xss 자바스크립트 공격 CSRF 스트링쿼리로 해당 id에 point를 주는 쿼리가 있다고 가정해보자. admin(관리자 등급)인 사람만 가능한건데 잘 막았다고 생각할 수 있는데 게시판에 글을 쓰는데 제목은 ‘관리자님 급해요’ 써져있길래 들어갔는데 내용엔 하이퍼링크가 걸려있는 이미지 가 있고 내용에 이미지좀 클릭해주세요. 이런식으로 되어있어 관리자가 해당 이미지를 눌러 클릭을 하는데 주소가 하이퍼링크에 위에 주소가 있다고 생각하면 관리자가 클릭함으로써 위의 주소가 실행이된다. 따라서 이런 문제를 막기위해서는 post방식으로 요청하자! 아니면 CSRF를 방어한다. 더보기 CSRF 참고링크 https://sj602.github.io/2018/07/14/what-is-CSRF/ [보안] CSRF(Cross S..