본문 바로가기

프로젝트75

[블로그프로젝트] 29. 카카오 AccessToken 받기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 저번시간에 카카오톡 로그인을 위한 환경설정을 진행했다면 이번엔 로그인요청을해서 카카오쪽에서 AccessToken을 받아보는 작업을 진행해보자 우선 카카오개발자센터에서 REST API쪽으로 이동해서 마음에 드는 카카오톡버튼 이미지를 다운받는다. https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#request-token resources/static 하위폴더로 image를 생성해서 다운받은 이미지 파일을 붙여넣기를한다. 나는 여.. 2023. 6. 18.
[블로그프로젝트] 28. 카카오로그인 환경설정 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 다른 사이트들에서도 활용하는 카카오를 이용해 로그인하는 기능을 예전에 교육받을때 팀원들과 프로젝트를 진행하면서도 해당 기능을 추가해보고 싶었지만, 시간문제도 있고 활용성 문제도 있어서 해보지 못했지만, 이번기회에 해보게 되었다. 우선 카카오개발자센터로 이동해서 본인 카카오계정으로 로그인 https://developers.kakao.com/ 내 애플리케이션으로 이동해서 애플리케이션 추가를 눌러서 해당 내용을 채워넣는다. 그 후 플랫폼으로 이동해서 web 플랫폼 설정을 진행한다. 서비스를 운.. 2023. 6. 16.
[블로그프로젝트] 27. 회원정보 수정하기(2) 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 이전 글에서 회원정보를 수정했는데 db에서 값은 변했지만 세션에 저장된 유저의 정보는 변하지 않아서 로그아웃 후 다시 로그인을 하지 않으면 다시 재정보수정하기로 들어가도 기존의 정보가 뜨는 현상이 발생하게된다. 위와같이 1111@test.com으로 변경하였지만 다시 정보수정하기에 들어가도 아래와 같이 변경하기 전 이메일로 나오게된다. 이를해결하기위해서 세션에 저장된 값을 우리가 바꿔주는 작업을 하면된다. 시큐리티 인증절차의 로그인요청과정을 순서대로 나열하자면 a. 사용자의 로그인 요청 b.. 2023. 6. 15.
[블로그프로젝트] 26. 회원정보 수정하기(1) 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 글 수정, 삭제 기능을 만들었으니 이제 유저의 정보도 수정할 수 있는 기능을 작성해보자 header에 내정보수정을 누르면 주소를 /user/updateForm으로 이동하게 만들었으니 userController로이동해 updateForm 메서드를 작성해준다. 그러면 controller는 user에 updateForm으로 리턴해준다. @GetMapping("/user/updateForm") public String updateForm(){ return "user/updateForm"; } U.. 2023. 6. 15.
[블로그프로젝트] 25. 글 수정하기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 지난글에서 글을 삭제하는 기능을 작성했으니 이번엔 수정하는 기능을 작성해보자. 글 수정도 마찬가지로 작성한 사람만 수정가능하도록 해야하기 때문에 if문 안에 넣어놓는다. 그리고 버튼태그가 아니라 a태그로 지정해 주소를 지정해주도록 하자 Modify Delete 다른 아이디로 접속해서 확인해보면 글삭제버튼과 수정버튼을 아예 표시해주지 않는걸 확인할 수 있다. 이제 수정버튼을 클릭했을때 어떠한 기능을 추가해줘야할까? 가장먼저 다시 글을 작성하는것처럼 제목과 내용의 내용을 수정할 수 있어야한다.. 2023. 6. 14.
[블로그프로젝트] 24. 글 삭제하기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 저번글에서 글상세보기에서 뒤로가기, 수정, 삭제 총 3가지를 만들었다. 뒤로가기는 history.back()으로 작동하는 버튼으로 만들었고 이번에는 삭제하는 기능을 만들고자한다. 가장먼저 글상세보기를 클릭했을때 해당 글의 번호와 작성자가 누구인지 확인하게 해보자 detail.jsp에 새로운 영역을 위해 div태그를 하나 추가한 후 span 태그를 이용해 글번호와 작성자를 한줄씩 지정해준다. detail에는 boardController에서 board라는 이름값을 사용해 board.java에.. 2023. 6. 13.
[블로그프로젝트] 23. 글 상세보기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 글을 작성하고 페이징 처리 까지 했다면 이제 작성한 글을 읽어보는(상세보기) 기능을 작성하자 Index.jsp 에서 상세보기를 할 a태그에 주소를 변경해주자 상세보기를 클릭해보면 해당 주소로 이동할 수 있는걸 확인할 수 있다. 이동만 하는거지 해당 기능은 작성하지 않아 주소가 잘못되었다는 화면을 보게 될것이다. boardController로 이동해서 컨트롤러 부분을 작성을하자 PathVariable은 주소를 "/{}"방식으로 받기위해 필요한 어노테이션이다. @GetMapping("/boa.. 2023. 6. 13.
[블로그프로젝트] 22. 글목록 페이징처리 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 메인페이지에서 글이 10개 20개라면 한번에 모든 글들이 표시된다면 보기에도 좋지 않고 불편할것이다. 특정 개수대로 나눠서 페이징 처리를 해보자. 우선 Board.java를 확인해서 글목록을 특정할 수 있는 변수명에 "_"가 포함되어있다면 없는방향으로 수정을 해주자 쌍따옴표("")에 해당 변수명을 넣으면 인식하지 못하는 경우가 많다. 나같은 경우도 Board_idx로 설정해 놓았는데 board 까지만 인식을해서 정렬기준을 잡지못해 500 에러가 발생하였다. boardController로 .. 2023. 6. 12.
[블로그프로젝트] 21. 글목록 만들기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 글을 작성했으니 이제 작성한 글들을 메인화면에 띄워주자 boardController.java 에서 아래와 같이 작성한다. @Autowired BoardService boardService; @GetMapping({"", "/"}) public String index() { return "index"; } 컨트롤러를 작성했으니 이제 서비스를 작성하자 글목록이라는 메서드를 작성하고 작성된 글이 여러개 일 수도 있으니 List타입으로 board를 넣어준다. 모든 글들을 가져오기위해 FindAl.. 2023. 6. 11.
[블로그프로젝트] 20. 글작성하기 유튜브에서 블로그 만들기 프로젝트를 따라하면서 나의 스킬을 조금더 레벨업 하고자 한다. IDE : IntelliJ 언어 : Java DB : MySQL 빌드관리 도구 : Maven OS : iOS 참고유튜브 : 메타코딩 이제 로그인까지 진행했으니 글을 작성하는 기능을 작업해보자. 가장먼저 BoardControllerf로 이동해 주소를 변경해준다. 컨트롤러에서 주소를 변경했으니 header에서도 주소를 변경해주자 주소를 변경해주었으니 이제 해당 주소대로 파일을 생성하자 views 패키지 아래에 board폴더를 생성 후 saveForm.jsp를 만들어주자(loginForm을 복사한 후 이름을 바꾸면 편하다) 간단하게 잘 작동을 하는지 테스트해보도록 하자 참고로 loginForm을 복사해서 이름을 변경했다면 .. 2023. 6. 11.

티스토리툴바