Coding Note

블로그 만들기 프로젝트 최종! 댓글 기능 구현하기 1. 댓글 구현하기 댓글 작성 및 삭제 - 화면 구현 - 댓글 DB 연동 1) 댓글 작성 기능 구현 BoardApiController //댓글 작성 @PostMapping("/api/board/{boardId}/reply") public ResponseDto replySave(@RequestBody ReplySaveRequestDto replySaveRequestDto) { boardService.댓글쓰기(replySaveRequestDto); return new ResponseDto(HttpStatus.OK.value(), 1);// 200 : http 전송 성공 } BoardService //댓글 작성 @Transactional public void ..

카카오 로그인 구현 - 네이버, 카카오에서 정보를 관리하면서 로그인 처리를 대신해줌 1. 카카오 로그인 카카오 개발자 페이지에 접속하고 로그인한다! 그리고 "내 애플리케이션"으로 이동 애플리케이션 등록 -> 프젝명 등록 배포하지 않을 거니깐 아래 주소로 작성한다. 8000번으로 설정해서 수정했어요! 도메인 수정하고 활성화 설정하면 된다. DB 저장 자세한건 메타 코딩 유튜브 보는 걸 추천해요!!!! 진짜 친절하게 설명해주셨어요👍👍 2. OAuth - Open Auth 인증 처리를 대신해준다. - OAuth 로그인 1. 인증체 완료(Code) 2. 권한부여(AcessToken) 스프링에서 공식적으로 지원해주는 OAuth 주체는 FaceBook, google임! OAuth-Client 라이브러리 - 페이스북..

글 수정, 삭제 및 회원 수정 구현하기! 1. 글 수정하기 updateForm ${board.content } 글수정 완료 BoardRepository public interface BoardRepository extends JpaRepository{} BoardApiController @PutMapping("/api/board/{id}") //요청 method가 다르기 때문 mapping 주소 같아도 상관 없음 public ResponseDto update(@PathVariable int id, @RequestBody Board board) { boardService.글수정하기(id, board); return new ResponseDto(HttpStatus.OK.value(), 1); } BoardS..

스터디 4 일차 - 페이징 처리 - Spring Security 1. 페이징 처리 - 최신 등록순으로(내림차순)으로 구현하고 넘어갈 페이지 없으면 변동 없음! BoardApiController //페이징 처리 @GetMapping({"", "/"}) //슬래시 있든 없든 둘다 적용함 public String index(Model model, @PageableDefault (size=3, sort="id", direction = Sort.Direction.DESC) Pageable pageable) { model.addAttribute("boards", boardService.글목록(pageable)); return "index";//viewResolver 작동! } @PageableDefault - Pa..

1. 해쉬 암호화 https://bamdule.tistory.com/53 [Spring Boot] Spring Security 적용하기 Spring Security 란? Spring Security는 스프링 기반의 어플리케이션 보안을 담당하는 프레임워크입니다. Spring Security를 사용하면 사용자 인증, 권한, 보안처리를 간단하지만 강력하게 구현 할 수 있습니 bamdule.tistory.com 시큐리티는 비번 암호화되어있어야만 로그인이 된다! Q1. 해쉬 - 고정 길이의 문자 값으로 변경 Q2. 해쉬 장점 - 내용 변경에 따라 해쉬값이 변경되는데 값을 비교해서 변경되었는지 확인할 수 있다. - SecurityConfig //빈 등록: 스프링컨테이너에서 객체를 관리할 수 있게 하는 것 //아래 ..

1. 회원가입, 로그인 화면 구현하기 - 회원가입 역시나 부트스트랩을 이용해서 구현하기 홈페이지 아래 코드를 복사해서 붙여넣기 - 회원가입 화면 구현 - 로그인 위 코드를 수정 2. 회원가입, 로그인 기능 구현하기 Q1. 회원가입 시 ajax를 사용하는 2가지 이유 첫번째 이유는 요청에 대한 응답을 html이 아닌 data(json)를 받기 위함 - 웹 : html을 리턴받음 - 안드로이드 : 자바 코드를 이용, 데이터를 리턴 받음 결론적으로 웹, 앱 요청 방식이 다름, 그러니 일을 두번 일하니..번거로우니 이를 해결하고자 데이터를 리턴 받는 형식(JSON)으로 구현함 이렇기 때문에 AJAX를 사용함! 두개의 서버로 각자의 일을 함! 두번째는 비동신 통신을 하기 위함! - 비동신 통신 : 순서에 상관없는..

화면 구현에 유용한 사이트 부트스트랩 - 트위터 Materialize - 구글 이번 프로젝트는 부트스트랩을 사용할게요! https://www.w3schools.com/ W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com Tutorials > Learn Bootstrap 이동 이제 화면 구현해봅시다! Navigat..

무한 참조 다음 1. Get요청(조회) - 주소에 데이터를 담아 보낸다. - 데이터 형태는 key=value ex)http://localhost:8000/blog/dummy/user?username=aaa - 웹 브라우저로 접속(body 테이터를 담아 보내지 않음) 2. Post, Put, Delete 요청(데이터 변경) Body에 데이터를 담아 보낸다. 데이터 형태는 json으로 통일하는 것이 좋다! - 데이터를 담아 보내야 할 것이 많음 - form 태그 method = 'Post' - form 태그는 get/post요청(key=value) 못함 => 자바스크립트로 요청함 즉, 통일해서 사용한다 자바스크립트로 ajax 요청, 데이터는 json으로 통일!! 스프링) form:form 태그 - post/..