Spring/SpringBoot44 [goormedu 강의] 스프링부트 블로그 만들기 05 - 05 회원가입하기 Ajax 요청 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다. js에서init:function(){ $("#btn-save").on("click", ()=>{ //function(){}, ()=>{} this를 바인딩하기 위해서 this.save(); });},function을 사용하지 않고 화살표 함수를 사용한 이유this를 바인딩하기 위해 function을 사용하려면 let _this = this();로 선언하고this를 _this로 치환 ajax 선언** ajax 호출시 default가 비동기 호출//ajax 호출시 default가 비동기 호출//ajax 통신을 이용해서 3개의 데이터를 json으로 변경하여 insert 요청$.ajax({ type:"PO.. 2024. 8. 28. [goormedu 강의] 스프링부트 블로그 만들기 05 - 03 회원가입을 위한 기초 세팅 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다.form 전송을 전송하지 않고 ajax로 form 값 insert Username Password Email 회원가입완료 button 클릭시 user.js 파일에서 ajax 처리 let index={ init:function(){ $("#btn-save").on("click", ()=>{ this.save(); }); }, save: function(){ //alert("user의 save 함수 호출"); let data = { username: $("#userna.. 2024. 8. 28. [goormedu 강의] 스프링부트 블로그 만들기 05 - 02 로그인, 회원가입 화면 만들기 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다. header와 footer는 모든 페이지에서 동일하게 들어가기 때문에 매번 코드를 넣어주는데 번거로움이 있음. 해결 1. header와 footer를 jsp 두개로 분리하고 layout 폴더 밑에 놓음.2. index.jsp 에서 include해서 불러옴. index.jsp 제목 적는 부분 상세보기 제목 적는 부분 상세보기 제목 적는 부분 상세보기 header.jsp 홈 로그인 회원가입 로그인 클릭 시 /blog/user/loginForm.. 2024. 8. 24. [goormedu 강의] 스프링부트 블로그 만들기 05 - 01 메인화면 만들기 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다. @GetMapping사용@GetMapping({"","/"})public String index() { return "index";} GET 요청으로 URL에 "/" 최상위 경로로 요청이 오면 index.jsp 리턴. W3school 템플릿 Bootstrap 사용해서 메인화면 꾸미기 2024. 8. 24. 이전 1 2 3 4 5 6 7 ··· 11 다음
