My Cookbook104 [goormedu 강의] 스프링부트 블로그 만들기 05 - 06 회원가입하기 두번째 완료 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다. service 생성@Service 어노테이션 생성-> 스프링이 컴포넌트 스캔을 통해서 Bean을 등록해줌. IoC @Autowired->DI, 객체를 new하지 않고 자동으로 생성 @Servicepublic class UserService { @Autowired private UserRepository userRepository; @Transactional public int save(User user) { try { userRepository.save(user); return 1; } catch (Exception e) { e.printStackTrace(); System.out.p.. 2024. 8. 28. [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 - 04 Ajax를 사용하는 이유 해당 글은 groomedu의 스프링부트 나만의 블로그 만들기 강의를 보고 개인적으로 정리한 글입니다.Ajax를 사용하는 이유는?1. 요청에 대한 응답을 html이 아닌 Data(Json)를 받기 위해서 사용 브라우저에서 서버에 회원가입을 요청하면 html 파일을 응답해줌.앱에서 서버에 회원가입을 요청하면 data를 리턴해줌.ajax를 사용하면 서버리르 하나만 사용해도 됨. 2. 비동기 통신을 하기 위해서이다.비동기란 ?일을 처리하는데 일의 순서에 상관없이 수행 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. 이전 1 ··· 6 7 8 9 10 11 12 ··· 26 다음