취업 준비

https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 지난 번엔 spring MVC로 했고 이번엔 spring boot로 해본다. https://developers.kakao.com/tool/resource/login Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 축약형 midd..

1. kakao developers 로그인 후 애플리케이션 추가 2. 등록 후 플랫폼에 웹 추가 도메인 등록 후 저장. 3. 카카오 로그인 활성화 4. Redirect URI도 등록 - /auth/ 경로를 제한 없이 접근할 수 있도록 설정해 놨기 때문에 주소를 이렇게 설정함. 로그아웃 URI도 설정해줌. 5. 동의항목 설정 여기까지 하면 카카오 api로 로그인을 할 준비가 된 것임.

회원정보 수정 페이지 만들기 updateForm.jsp Username: Password: 수정할 비밀번호를 입력해주세요. Email: 수정할 이메일을 입력해 주세요 회원정보 수정 완료 UserController에 매핑 추가 @GetMapping("/user/updateForm") public String updateForm() { return "user/updateForm"; } user.js에 update 메서드 추가 let index = { init: function() { $("#btn-save").on("click", ()=>{ this.save(); }); $("#btn-update").on("click", ()=>{ this.update(); }); }, save: function() { l..

글 수정 폼으로 넘어가기 위한 detail.jsp 수정 글 번호 : ${board.id } 작성자 : ${board.user.username} ${board.title } ${board.content } 뒤로가기 수정 삭제 BoardController에 updateForm 메서드 추가 @GetMapping("/board/{id}/updateForm'") public String updateForm(@PathVariable int id, Model model) { model.addAttribute("board", boardService.글상세보기(id)); return "board/updateForm"; } updateForm.jsp 생성 Title Content: ${board.content } 글수정 ..

detail.jsp에서 글 번호, 작성자 추가 + 삭제 버튼 id 추가. 글 번호 : ${board.id } 작성자 : ${board.user.username} ${board.title } ${board.content } 뒤로가기 수정 삭제 board.js 에 deleteById 함수 추가. let index = { init: function() { $("#btn-save").on("click", ()=>{ this.save(); }); $("#btn-update").on("click", ()=>{ this.update(); }); $("#btn-delete").on("click", ()=>{ this.deleteById(); }); }, save: function() { let data = { titl..

index.jsp 에 상세내용 링크 수정. 상세내용 detail.jsp 글 상세보기 페이지 생성. ${board.title } ${board.content } 뒤로가기 수정 삭제 BoardController에 상세보기 메서드 생성 @GetMapping("/board/{id}") public String findById(@PathVariable int id, Model model) { model.addAttribute("board", boardService.글상세보기(id)); return "board/detail"; } BoardService에 글상세보기 메서드 생성 public Board 글상세보기(int id) { return boardRepository.findById(id) .orElseThrow..

BoardController의 인덱스 수정. package com.pure.blog.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import com.pure.blog.service.BoardService; @Controller public class BoardController { @Autowired private BoardService boardService..

일단 글쓰기 화면을 만들기. writeForm.jsp Title Content: 글쓰기 완료 위지윅 에디터인 썸머노트를 사용했다. bootstrap4를 지원하기 때문에 알맞은 코드를 가져왔다. 글쓰기 완료 버튼을 누르면 실행될 .js를 만든다. let index = { init: function() { $("#btn-save").on("click", ()=>{ this.save(); }); }, save: function() { let data = { title: $("#title").val(), content: $("#content").val(), }; $.ajax({ type: "POST", url: "/api/boardWrite", data: JSON.stringify(data), contentTy..